Sparkler アイコン
fluent-emoji-high-contrast:sparkler
Sparkler アイコン(fluent-emoji-high-contrast:sparkler)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M11.695 7.96a.5.5 0 1 0-.39-.92a.5.5 0 0 0 .39.92m8.157 17.895A.499.499 0 0 0 19.5 25a.5.5 0 0 0-.5.5a.5.5 0 0 0 .852.355M6.5 13a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M26 20.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.53-8.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-13.05 13a.5.5 0 1 1-.299-.458l.014.007a.5.5 0 0 1 .285.451M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245 1.392a.446.446 0 0 0-.63-.63l-2.39 2.39a.446.446 0 0 0 .63.63zm-8.255-4.05c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445m.445 19.535a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM7.725 8.262a.445.445 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.445.445 0 0 1 0-.63m14.13 13.5a.446.446 0 0 0-.63.63l2.39 2.39a.445.445 0 1 0 .63-.63zm-17.55-5.245c0-.246.2-.445.445-.445h3.38a.445.445 0 1 1 0 .89H4.75a.445.445 0 0 1-.445-.445m19.535-.445a.445.445 0 1 0 0 .89h3.38a.445.445 0 1 0 0-.89z"/><path d="M1 5.68A4.683 4.683 0 0 1 5.68 1h20.64A4.683 4.683 0 0 1 31 5.68v20.64A4.683 4.683 0 0 1 26.32 31H5.68A4.683 4.683 0 0 1 1 26.32zM5.68 3A2.683 2.683 0 0 0 3 5.68v20.64c0 .547.165 1.056.447 1.48l8.679-8.679l-3.156.676c-.37.08-.57-.41-.26-.62l3.65-2.36c.21-.13.21-.44 0-.57l-3.65-2.36c-.32-.21-.11-.7.26-.62l4.25.91c.24.05.46-.16.4-.4l-.91-4.25c-.08-.37.41-.57.62-.26l2.36 3.65c.13.21.44.21.57 0l2.36-3.65c.21-.32.7-.11.62.26l-.91 4.25c-.05.24.16.46.4.4l4.25-.91c.37-.08.57.41.26.62l-3.65 2.36c-.21.13-.21.44 0 .57l3.65 2.36c.32.21.11.7-.26.62l-4.25-.91c-.24-.05-.46.16-.4.4l.91 4.25c.08.37-.41.57-.62.26l-2.36-3.65a.337.337 0 0 0-.57 0l-2.36 3.65c-.21.32-.7.11-.62-.26l.711-3.321l-8.632 8.632c.28.098.579.152.891.152h20.64A2.683 2.683 0 0 0 29 26.32V5.68A2.683 2.683 0 0 0 26.32 3z"/></g></svg>
Sparkler アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sparkler" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sparkler" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sparkler" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sparkler]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sparkler"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sparkler"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sparkler.svg" alt="Sparkler アイコン" width="24" height="24">
Sparkler アイコン のよくある質問
Sparkler アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sparkler アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:sparkler" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkler アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sparkler.svg" alt="Sparkler アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
