Fire Flower アイコン
game-icons:fire-flower
Fire Flower アイコン(game-icons:fire-flower)は、Game Icons セットの無料 SVG アイコンです(作者: GameIcons)。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
- タグ
- fireflower
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 56.998c-60.466 0-115.104 14.12-153.928 36.305S40.998 144.909 40.998 176c0 31.09 22.25 60.512 61.074 82.697S195.534 295.002 256 295.002s115.104-14.12 153.928-36.305s61.074-51.606 61.074-82.697c0-31.09-22.25-60.512-61.074-82.697S316.466 56.998 256 56.998m0 33.273c39.141 0 74.677 8.783 101.137 23.624s44.666 36.581 44.666 62.105s-18.206 47.265-44.666 62.105C330.677 252.946 295.14 261.73 256 261.73s-74.677-8.783-101.137-23.624s-44.666-36.581-44.666-62.105s18.206-47.265 44.666-62.105C181.323 99.054 216.86 90.27 256 90.27zm0 17.999c-36.413 0-69.279 8.392-92.332 21.322S128.195 159.147 128.195 176s12.42 33.478 35.473 46.408S219.587 243.73 256 243.73s69.279-8.392 92.332-21.322s35.473-29.555 35.473-46.408s-12.42-33.478-35.473-46.408S292.413 108.27 256 108.27m-24.893 203.96L217.21 487.697c1.473.733 4.15 1.72 7.744 2.518c7.967 1.77 19.547 2.787 31.047 2.787s23.08-1.017 31.047-2.787c3.594-.799 6.271-1.785 7.744-2.518L280.893 312.23c-8.18.503-16.483.768-24.893.768s-16.712-.265-24.893-.768M85.98 375.69c-3.933-.008-7.93.17-11.96.455c4.054 18.088 20.652 40.868 45.602 60.828c22.32 17.855 50.7 33.446 80.135 43.16l4.305-54.36c-27.353-23.927-66.527-48.286-114.172-50.011q-1.945-.07-3.91-.073zm340.042 0q-1.965.002-3.91.072c-47.645 1.725-86.82 26.084-114.172 50.011l4.305 54.36c29.434-9.714 57.816-25.305 80.135-43.16c24.95-19.96 41.548-42.74 45.601-60.828c-4.03-.284-8.026-.463-11.959-.456z"/></svg>Fire Flower アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:fire-flower" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:fire-flower" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:fire-flower" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--fire-flower]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:fire-flower"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:fire-flower"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/fire-flower.svg" alt="Fire Flower アイコン" width="24" height="24">Game Icons の関連アイコン
Fire Flower アイコン のよくある質問
Fire Flower アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fire Flower アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:fire-flower" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire Flower アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/fire-flower.svg" alt="Fire Flower アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。