Fire アイコン
fa7-solid:fire
Fire アイコン(fa7-solid:fire)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- カテゴリ
- 地図、エネルギー、キャンプ、物、科学
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M256.5 37.6c9.3-7.8 23-7.5 31.9.9c12.3 11.6 23.3 24.4 33.9 37.4c13.5 16.5 29.7 38.3 45.3 64.2c5.2-6.8 10-12.8 14.2-17.9c1.1-1.3 2.2-2.7 3.3-4.1c7.9-9.8 17.7-22.1 30.8-22.1c13.4 0 22.8 11.9 30.8 22.1q1.95 2.55 3.9 4.8c10.3 12.4 24 30.3 37.7 52.4c27.2 43.9 55.6 106.4 55.6 176.6c0 123.7-100.3 224-224 224S96 475.7 96 352c0-91.1 41.1-170 80.5-225c19.9-27.7 39.7-49.9 54.6-65.1c8.2-8.4 16.5-16.7 25.5-24.2zM321.7 480c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-17.3-22.1-49.1-62.4-65.3-83c-5.4-6.9-15.2-8-21.5-1.9c-18.3 17.8-51.5 56.8-51.5 104.3c0 68.6 50.6 109.2 113.7 109.2z"/></svg>
Fire アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:fire" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:fire" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:fire" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--fire]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:fire"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:fire"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/fire.svg" alt="Fire アイコン" width="24" height="24">
Font Awesome Solid の関連アイコン
Fire アイコン のよくある質問
Fire アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fire アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:fire" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/fire.svg" alt="Fire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Solid アイコン をすべて見る →
ICONYZ
