Firecracker アイコン
fluent-emoji-high-contrast:firecracker
Firecracker アイコン(fluent-emoji-high-contrast:firecracker)は、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"><path fill="currentColor" d="m27.604 5.946l.03.01c.29.11.44.43.33.72l-.39 1.04c-.11.29-.43.45-.72.34a.6.6 0 0 1-.31-.23a1 1 0 0 0-.16-.17c-.08-.06-.2-.06-.27.02s-.07.18-.01.26c.04.06.1.11.16.16l.04.03c.09.07.16.16.21.26l.01.03c.13.28 0 .61-.28.74l-1.02.46a.55.55 0 0 1-.541-.046a5.5 5.5 0 0 1-1.298 2.705l1.716 1.716a3.07 3.07 0 0 1 0 4.341L13.323 30.11a3.07 3.07 0 0 1-4.34 0l-4.084-4.083a3.07 3.07 0 0 1 0-4.34l11.778-11.78a3.07 3.07 0 0 1 4.34 0l1.66 1.659a4.5 4.5 0 0 0 .96-1.872a.55.55 0 0 1-.333-.019l-1.05-.39a.56.56 0 0 1-.33-.72c.04-.12.12-.22.23-.3c.06-.04.11-.09.16-.15c.06-.08.06-.2-.02-.27a.2.2 0 0 0-.26-.01c-.06.04-.11.1-.16.16l-.03.04c-.07.09-.16.16-.26.21l-.03.01a.56.56 0 0 1-.74-.28l-.46-1.02a.56.56 0 0 1 .28-.74c.12-.05.25-.07.38-.05c.08.02.15.02.23.01c.11-.01.18-.1.18-.2s-.07-.18-.17-.19a1 1 0 0 0-.23 0l-.04.01c-.11.02-.23.01-.33-.03l-.03-.01a.56.56 0 0 1-.33-.72l.39-1.05c.11-.29.43-.44.72-.33c.12.04.22.12.3.23c.05.07.1.12.16.17c.08.06.2.06.27-.02s.07-.18.01-.26a.8.8 0 0 0-.16-.16l-.04-.03a.75.75 0 0 1-.21-.26l-.01-.03a.56.56 0 0 1 .28-.74l1.02-.46c.28-.13.61 0 .74.28c.05.12.07.25.05.38c-.02.08-.02.15-.01.23c.01.11.1.18.2.18s.18-.07.19-.17c.01-.08.01-.15 0-.23l-.01-.04a.6.6 0 0 1 .03-.33l.01-.03c.11-.29.43-.44.72-.33l1.05.39c.29.11.44.43.33.72c-.04.12-.12.22-.23.3c-.06.04-.11.09-.16.15c-.06.08-.06.2.02.27s.18.07.26.01c.06-.04.11-.1.16-.16l.03-.04c.07-.09.16-.16.26-.21l.03-.01c.28-.13.61 0 .74.28l.46 1.01c.13.28.01.62-.27.75c-.12.05-.25.07-.38.05a.6.6 0 0 0-.23-.01c-.11.01-.18.1-.18.2s.07.18.17.19c.08.01.15.01.23 0l.04-.01c.11-.02.23-.01.33.03m-8 5.377a1.07 1.07 0 0 0-1.513 0L6.313 23.1a1.07 1.07 0 0 0 0 1.512l4.083 4.083a1.07 1.07 0 0 0 1.513 0l11.778-11.778a1.07 1.07 0 0 0 0-1.512z"/></svg>Firecracker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:firecracker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:firecracker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:firecracker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--firecracker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:firecracker"></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:firecracker"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/firecracker.svg" alt="Firecracker アイコン" width="24" height="24">他のアイコンセットの Firecracker アイコン
Firecracker アイコン のよくある質問
Firecracker アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Firecracker アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:firecracker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Firecracker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/firecracker.svg" alt="Firecracker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。