ICONYZ
日本語
Plump free icons の Horizonal Scroll Solid アイコン

Horizonal Scroll Solid アイコン

streamline-plump:horizonal-scroll-solid

Horizonal Scroll Solid アイコン(streamline-plump:horizonal-scroll-solid)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Plump free icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
基本インターフェース
タグ
horizonalscroll、scrollsolid、horizonalscrollsolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M12.498 10.333c.651-.628 1.674-.911 2.63-.496c2.286.995 3.254 2.716 3.623 3.659c.352.898.059 1.777-.414 2.339L11.46 24l6.876 8.166c.473.562.765 1.44.416 2.336c-.366.938-1.324 2.658-3.589 3.655c-.958.422-1.985.139-2.638-.49c-3.012-2.907-7.58-7.794-9.745-10.984a4.73 4.73 0 0 1-.003-5.365c2.16-3.19 6.708-8.078 9.72-10.985m23.003 0c-.651-.628-1.674-.911-2.63-.496c-2.286.995-3.254 2.716-3.623 3.659c-.352.898-.059 1.777.414 2.339L36.54 24l-6.877 8.166c-.473.562-.765 1.44-.415 2.336c.365.938 1.324 2.658 3.588 3.655c.958.422 1.986.139 2.638-.49c3.012-2.907 7.58-7.794 9.745-10.984a4.73 4.73 0 0 0 .003-5.365c-2.159-3.19-6.708-8.078-9.72-10.985M24 29.5a5.5 5.5 0 1 1 0-11a5.5 5.5 0 0 1 0 11" clip-rule="evenodd"/></svg>

Horizonal Scroll Solid アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--horizonal-scroll-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:horizonal-scroll-solid"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-plump:horizonal-scroll-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump/horizonal-scroll-solid.svg" alt="Horizonal Scroll Solid アイコン" width="24" height="24">

Plump free icons の関連アイコン

Horizonal Scroll Solid アイコン のよくある質問

Horizonal Scroll Solid アイコンは商用利用でも無料ですか?

はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Horizonal Scroll Solid アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-plump:horizonal-scroll-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Horizonal Scroll Solid アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/horizonal-scroll-solid.svg" alt="Horizonal Scroll Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Plump free icons をすべて見る →