Signal Sparkles Two Tone アイコン
keyline-icons:signal-sparkles-two-tone
Signal Sparkles Two Tone アイコン(keyline-icons:signal-sparkles-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- signalsparkles、sparklestwo、twotone、signalsparklestwotone、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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M7 22L7 18M12 22L12 14M17 22L17 10M22 22L22 6"/><path fill="currentColor" d="M3 22C3 22.5523 2.5523 23 2 23C1.4477 23 1 22.5523 1 22C1 21.4477 1.4477 21 2 21C2.5523 21 3 21.4477 3 22ZM6.5492 1.3739L7.1373 2.8648C7.3173 3.3213 7.6787 3.6827 8.1352 3.8627L9.6261 4.4508C9.8518 4.5397 10 4.7576 10 5C10 5.2424 9.8518 5.4603 9.6261 5.5492L8.1352 6.1373C7.6787 6.3173 7.3173 6.6787 7.1373 7.1352L6.5492 8.6261C6.4603 8.8518 6.2424 9 6 9C5.7576 9 5.5397 8.8518 5.4508 8.6261L4.8627 7.1352C4.6827 6.6787 4.3213 6.3173 3.8648 6.1373L2.3739 5.5492C2.1482 5.4603 2 5.2424 2 5C2 4.7576 2.1482 4.5397 2.3739 4.4508L3.8648 3.8627C4.3213 3.6827 4.6827 3.3213 4.8627 2.8648L5.4508 1.3739C5.5397 1.1482 5.7576 1 6 1C6.2424 1 6.4603 1.1482 6.5492 1.3739Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M14.8433 1.2337L15.2108 2.1655C15.3233 2.4508 15.5492 2.6767 15.8345 2.7892L16.7663 3.1567C16.9074 3.2123 17 3.3485 17 3.5C17 3.6515 16.9074 3.7877 16.7663 3.8433L15.8345 4.2108C15.5492 4.3233 15.3233 4.5492 15.2108 4.8345L14.8433 5.7663C14.7877 5.9074 14.6515 6 14.5 6C14.3485 6 14.2123 5.9074 14.1567 5.7663L13.7892 4.8345C13.6767 4.5492 13.4508 4.3233 13.1655 4.2108L12.2337 3.8433C12.0926 3.7877 12 3.6515 12 3.5C12 3.3485 12.0926 3.2123 12.2337 3.1567L13.1655 2.7892C13.4508 2.6767 13.6767 2.4508 13.7892 2.1655L14.1567 1.2337C14.2123 1.0926 14.3485 1 14.5 1C14.6515 1 14.7877 1.0926 14.8433 1.2337Z" stroke="none"/></g></svg>Signal Sparkles Two Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:signal-sparkles-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:signal-sparkles-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:signal-sparkles-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--signal-sparkles-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:signal-sparkles-two-tone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:signal-sparkles-two-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/signal-sparkles-two-tone.svg" alt="Signal Sparkles Two Tone アイコン" width="24" height="24">Keyline Icons の関連アイコン
signal
signal-duotone
signal-fill
signal-high
signal-high-duotone
signal-high-fill
signal-high-sharp
signal-high-sharp-duotone
signal-high-sharp-fill
signal-high-sharp-two-tone
signal-high-two-tone
signal-low
signal-low-duotone
signal-low-fill
signal-low-sharp
signal-low-sharp-duotone
signal-low-sharp-fill
signal-low-sharp-two-tone
signal-low-two-tone
signal-medium
signal-medium-duotone
signal-medium-fill
signal-medium-sharp
signal-medium-sharp-duotone
Signal Sparkles Two Tone アイコン のよくある質問
Signal Sparkles Two Tone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Signal Sparkles Two Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:signal-sparkles-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Signal Sparkles Two Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/signal-sparkles-two-tone.svg" alt="Signal Sparkles Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。