Fire アイコン
cil:fire
Fire アイコン(cil:fire)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M311.145 257.6c5.5-9.032 11.185-18.371 16.8-28c18.794-32.218 22.243-64.681 10.254-96.489C314.008 68.933 233.142 29.83 214.421 23.591L201.257 19.2l-20.546 41.1l9.915 8.1c.111.089 11.124 9.712 11.858 24.3c.627 12.453-6.2 25.91-20.286 40c-9.782 9.781-20.518 19.239-31.885 29.251C102.487 204.069 48.28 251.82 48.28 342.154q0 1.861.035 3.7a151.36 151.36 0 0 0 46.444 106.49A154.18 154.18 0 0 0 202.583 496h92.1l-11.369-23.072c-46.193-93.751-13.526-147.403 27.831-215.328M202.583 464c-66.2 0-121.05-53.267-122.274-118.739q-.028-1.546-.029-3.107c0-75.878 46.356-116.713 91.186-156.2c11.239-9.9 22.862-20.138 33.359-30.637c20.754-20.753 30.719-42.365 29.619-64.232a65 65 0 0 0-7.214-26.56c27.84 15.211 67.523 44.053 81.027 79.877c8.544 22.665 5.943 45.26-7.951 69.079c-5.465 9.369-11.072 18.576-16.493 27.481C244.132 306.131 206.49 367.943 244.361 464Z"/><path fill="currentColor" d="M468.243 341.129q-.4-1.586-.834-3.185c-11.546-42.332-75.457-96.762-82.706-102.829l-14.557-12.182l-9.546 16.408c-21.753 37.4-40.421 71.512-48.559 110.212c-9.279 44.134-3.033 88.989 19.1 137.13l4.281 9.317H346.3a125.17 125.17 0 0 0 99.3-48.5a123.18 123.18 0 0 0 22.643-106.371m-47.88 86.683a93.3 93.3 0 0 1-64.44 35.7c-31.541-75.9-12.931-127.635 22.63-191.114c23.642 21.994 52.455 53.69 57.983 73.961q.349 1.283.669 2.554a91.37 91.37 0 0 1-16.842 78.899"/></svg>
Fire アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:fire" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:fire" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:fire" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--fire]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:fire"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:fire"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/fire.svg" alt="Fire アイコン" width="24" height="24">
Fire アイコン のよくある質問
Fire アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fire アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:fire" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/fire.svg" alt="Fire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Free アイコン をすべて見る →
ICONYZ
