Sliders Horizontal Sparkles Sharp アイコン
keyline-icons:sliders-horizontal-sparkles-sharp
Sliders Horizontal Sparkles Sharp アイコン(keyline-icons:sliders-horizontal-sparkles-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- slidershorizontal、horizontalsparkles、sparklessharp、slidershorizontalsparklessharp、slider、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M1 6L12 6M1 13L9 13M21 13L12 13M9 10L9 16M21 20L13 20M13 17L13 23"/><path fill="currentColor" d="M19.5492 1.3739L20.4196 3.5804L22.6261 4.4508C22.8518 4.5397 23 4.7576 23 5C23 5.2424 22.8518 5.4603 22.6261 5.5492L20.4196 6.4196L19.5492 8.6261C19.4603 8.8518 19.2424 9 19 9C18.7576 9 18.5397 8.8518 18.4508 8.6261L17.5804 6.4196L15.3739 5.5492C15.1482 5.4603 15 5.2424 15 5C15 4.7576 15.1482 4.5397 15.3739 4.4508L17.5804 3.5804L18.4508 1.3739C18.5397 1.1482 18.7576 1 19 1C19.2424 1 19.4603 1.1482 19.5492 1.3739ZM4.8433 17.2337L5.3873 18.6127L6.7663 19.1567C6.9074 19.2123 7 19.3485 7 19.5C7 19.6515 6.9074 19.7877 6.7663 19.8433L5.3873 20.3873L4.8433 21.7663C4.7877 21.9074 4.6515 22 4.5 22C4.3485 22 4.2123 21.9074 4.1567 21.7663L3.6127 20.3873L2.2337 19.8433C2.0926 19.7877 2 19.6515 2 19.5C2 19.3485 2.0926 19.2123 2.2337 19.1567L3.6127 18.6127L4.1567 17.2337C4.2123 17.0926 4.3485 17 4.5 17C4.6515 17 4.7877 17.0926 4.8433 17.2337Z" stroke="none"/></g></svg>Sliders Horizontal Sparkles Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:sliders-horizontal-sparkles-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:sliders-horizontal-sparkles-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:sliders-horizontal-sparkles-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--sliders-horizontal-sparkles-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:sliders-horizontal-sparkles-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:sliders-horizontal-sparkles-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/sliders-horizontal-sparkles-sharp.svg" alt="Sliders Horizontal Sparkles Sharp アイコン" width="24" height="24">Keyline Icons の関連アイコン
sliders-2-horizontal
sliders-2-horizontal-duotone
sliders-2-horizontal-fill
sliders-2-horizontal-sharp
sliders-2-horizontal-sharp-duotone
sliders-2-horizontal-sharp-fill
sliders-2-horizontal-sharp-two-tone
sliders-2-horizontal-two-tone
sliders-2-vertical
sliders-2-vertical-duotone
sliders-2-vertical-fill
sliders-2-vertical-sharp
sliders-2-vertical-sharp-duotone
sliders-2-vertical-sharp-fill
sliders-2-vertical-sharp-two-tone
sliders-2-vertical-two-tone
sliders-horizontal
sliders-horizontal-duotone
sliders-horizontal-fill
sliders-horizontal-sharp
sliders-horizontal-sharp-duotone
sliders-horizontal-sharp-fill
sliders-horizontal-sharp-two-tone
sliders-horizontal-sparkles
Sliders Horizontal Sparkles Sharp アイコン のよくある質問
Sliders Horizontal Sparkles Sharp アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sliders Horizontal Sparkles Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:sliders-horizontal-sparkles-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sliders Horizontal Sparkles Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/sliders-horizontal-sparkles-sharp.svg" alt="Sliders Horizontal Sparkles Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。