Sparkler アイコン
fluent-emoji-flat:sparkler
Sparkler アイコン(fluent-emoji-flat:sparkler)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- 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="none"><path fill="#533566" d="M26.29 2H5.68C3.65 2 2 3.65 2 5.68v20.61c0 2.03 1.65 3.68 3.68 3.68h20.61c2.03 0 3.68-1.65 3.68-3.68V5.68c0-2.03-1.64-3.68-3.68-3.68"/><path fill="#d3d3d3" d="M13.43 17.817L2.74 28.507c.34.46.79.83 1.3 1.09l10.59-10.59z"/><path fill="#fcd53f" d="M16.435 5.287a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM12 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m8 18a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.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 0M12.48 26a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245.762a.446.446 0 0 1 0 .63l-2.39 2.39a.446.446 0 0 1-.63-.63l2.39-2.39a.446.446 0 0 1 .63 0m-8.255 15.67c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445M8.355 8.262a.445.445 0 1 0-.63.63l2.39 2.39a.446.446 0 0 0 .63-.63zm12.87 13.5a.446.446 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.446.446 0 0 1 0-.63M4.75 16.072a.445.445 0 0 0 0 .89h3.38a.445.445 0 1 0 0-.89zm18.645.445c0-.246.2-.445.445-.445h3.38a.445.445 0 0 1 0 .89h-3.38a.445.445 0 0 1-.445-.445"/><path fill="#fcd53f" d="m22.98 13.267l-4.25.91c-.24.06-.45-.16-.4-.4l.91-4.25c.08-.37-.41-.58-.62-.26l-2.36 3.65c-.13.21-.44.21-.57 0l-2.36-3.65c-.21-.31-.7-.11-.62.26l.91 4.25c.06.24-.16.45-.4.4l-4.25-.91c-.37-.08-.58.41-.26.62l3.65 2.36c.21.13.21.44 0 .57l-3.65 2.36c-.31.21-.11.7.26.62l4.25-.91c.24-.06.45.16.4.4l-.91 4.25c-.08.37.41.58.62.26l2.36-3.65c.13-.21.44-.21.57 0l2.36 3.65c.21.31.7.11.62-.26l-.91-4.25c-.06-.24.16-.45.4-.4l4.25.91c.37.08.58-.41.26-.62l-3.65-2.36a.337.337 0 0 1 0-.57l3.65-2.36c.31-.21.11-.7-.26-.62"/></g></svg>
Sparkler アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sparkler" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sparkler" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sparkler" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sparkler]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:sparkler"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:sparkler"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sparkler.svg" alt="Sparkler アイコン" width="24" height="24">
Sparkler アイコン のよくある質問
Sparkler アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sparkler アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:sparkler" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkler アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sparkler.svg" alt="Sparkler アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
