Firecracker アイコン
fluent-emoji-flat:firecracker
Firecracker アイコン(fluent-emoji-flat:firecracker)は、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="#212121" fill-rule="evenodd" d="M22.439 4.743a.5.5 0 0 1 .707 0a5.497 5.497 0 0 1 0 7.787l-1.14 1.14a.5.5 0 0 1-.707-.707l1.14-1.14a4.497 4.497 0 0 0 0-6.373a.5.5 0 0 1 0-.707" clip-rule="evenodd"/><path fill="#f8312f" d="m24.394 14.698l-4.083-4.082a2.07 2.07 0 0 0-2.927 0L5.606 22.394a2.07 2.07 0 0 0 0 2.926l4.083 4.083a2.07 2.07 0 0 0 2.927 0l11.778-11.778a2.07 2.07 0 0 0 0-2.927"/><path fill="#ff822d" d="m27.634 5.956l-.03-.01a.6.6 0 0 0-.33-.03l-.04.01c-.08.01-.15.01-.23 0a.186.186 0 0 1-.17-.19c0-.1.07-.19.18-.2c.08-.01.15-.01.23.01c.13.02.26 0 .38-.05c.28-.13.4-.47.27-.75l-.46-1.01a.56.56 0 0 0-.74-.28l-.03.01c-.1.05-.19.12-.26.21l-.03.04c-.05.06-.1.12-.16.16c-.08.06-.18.06-.26-.01s-.08-.19-.02-.27c.05-.06.1-.11.16-.15c.11-.08.19-.18.23-.3a.56.56 0 0 0-.33-.72l-1.05-.39a.56.56 0 0 0-.72.33l-.01.03c-.04.1-.05.22-.03.33l.01.04c.01.08.01.15 0 .23c-.01.1-.09.17-.19.17s-.19-.07-.2-.18a.6.6 0 0 1 .01-.23c.02-.13 0-.26-.05-.38c-.13-.28-.46-.41-.74-.28l-1.02.46c-.28.13-.41.46-.28.74l.01.03c.05.1.12.19.21.26l.04.03c.06.05.12.1.16.16c.06.08.06.18-.01.26s-.19.08-.27.02a1 1 0 0 1-.16-.17a.6.6 0 0 0-.3-.23a.56.56 0 0 0-.72.33l-.39 1.05c-.11.29.04.61.33.72l.03.01c.1.04.22.05.33.03l.04-.01c.08-.01.15-.01.23 0c.1.01.17.09.17.19s-.07.19-.18.2c-.08.01-.15.01-.23-.01c-.13-.02-.26 0-.38.05a.56.56 0 0 0-.28.74l.46 1.02c.13.28.46.41.74.28l.03-.01c.1-.05.19-.12.26-.21l.03-.04c.05-.06.1-.12.16-.16c.08-.06.18-.06.26.01s.08.19.02.27c-.05.06-.1.11-.16.15c-.11.08-.19.18-.23.3c-.11.29.04.61.33.72l1.05.39c.29.11.61-.04.72-.33l.01-.03c.04-.1.05-.22.03-.33l-.01-.04a1 1 0 0 1 0-.23c.01-.1.09-.17.19-.17s.19.07.2.18c.01.08.01.15-.01.23c-.02.13 0 .26.05.38c.13.28.46.41.74.28l1.02-.46a.56.56 0 0 0 .28-.74l-.01-.03a.8.8 0 0 0-.21-.26l-.04-.03a.8.8 0 0 1-.16-.16a.2.2 0 0 1 .01-.26c.07-.08.19-.08.27-.02c.06.05.11.1.16.17c.08.11.18.19.31.23c.29.11.61-.05.72-.34l.39-1.04a.56.56 0 0 0-.33-.72"/></g></svg>Firecracker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:firecracker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:firecracker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:firecracker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--firecracker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:firecracker"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:firecracker"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/firecracker.svg" alt="Firecracker アイコン" width="24" height="24">他のアイコンセットの Firecracker アイコン
Firecracker アイコン のよくある質問
Firecracker アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Firecracker アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:firecracker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Firecracker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/firecracker.svg" alt="Firecracker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。