Fire 1 アイコン
glyphs-poly:fire-1
Fire 1 アイコン(glyphs-poly:fire-1)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M40 67.965c11.046 0 20-8.954 20-20V46.76c0-4.42-1.38-8.728-3.95-12.325L40.04 12.02a.05.05 0 0 0-.08 0l-.145.205a9 9 0 0 0-.165 10.223l4.416 6.625A11.5 11.5 0 0 1 46 35.459v1.514c0 5.523-4.477 10-10 10s-10-4.477-10-10V35.46c0-2.273.673-4.495 1.934-6.386l2.15-3.224l-6.134 8.586A21.2 21.2 0 0 0 20 46.76v1.205c0 11.046 8.954 20 20 20" clip-rule="evenodd"/><path fill="#eb5757" d="m56.05 34.435l-1.627 1.163zM40.04 12.02l-1.628 1.163zm-.08 0l1.628 1.163zm4.106 17.053l1.664-1.11zm-16.132 0l-1.664-1.11zm2.15-3.224l1.663 1.109a2 2 0 0 0-3.291-2.272zm-6.134 8.586l-1.628-1.162zm15.7-11.987l1.664-1.11zM58 47.965c0 9.941-8.059 18-18 18v4c12.15 0 22-9.85 22-22zm0-1.205v1.205h4V46.76zm-3.577-11.162A19.2 19.2 0 0 1 58 46.76h4c0-4.836-1.511-9.551-4.322-13.487zM38.412 13.183l16.01 22.415l3.256-2.325l-16.011-22.415zm3.176 0a1.95 1.95 0 0 1-3.176 0l3.255-2.325a2.05 2.05 0 0 0-3.334 0zm-.146.204l.146-.204l-3.255-2.325l-.146.204zm-3.456 10.17l4.416 6.625l3.328-2.219l-4.416-6.624zm4.416 6.625A9.5 9.5 0 0 1 44 35.46h4c0-2.669-.79-5.277-2.27-7.497zM44 35.46v1.513h4V35.46zm0 1.513a8 8 0 0 1-8 8v4c6.627 0 12-5.372 12-12zm-8 8a8 8 0 0 1-8-8h-4c0 6.628 5.373 12 12 12zm-8-8V35.46h-4v1.514zm0-1.514c0-1.878.556-3.714 1.598-5.277l-3.328-2.219A13.5 13.5 0 0 0 24 35.46zm1.598-5.277l2.15-3.224l-3.329-2.219l-2.15 3.224zm-4.02 5.416l6.133-8.587l-3.255-2.325l-6.134 8.587zM22 46.76a19.2 19.2 0 0 1 3.577-11.162l-3.255-2.325A23.2 23.2 0 0 0 18 46.76zm0 1.205V46.76h-4v1.205zm18 18c-9.941 0-18-8.059-18-18h-4c0 12.15 9.85 22 22 22zm-1.813-54.903a11 11 0 0 0-.201 12.495l3.328-2.218a7 7 0 0 1 .128-7.952z"/><path fill="#f2c94c" d="M51 36.973v-1.006l.982 1.375A16.2 16.2 0 0 1 55 46.76v1.205c0 8.284-6.716 15-15 15s-15-6.716-15-15v-.794a14.96 14.96 0 0 0 11 4.802c8.284 0 15-6.715 15-15"/></g></svg>Fire 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:fire-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:fire-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:fire-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--fire-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:fire-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:fire-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/fire-1.svg" alt="Fire 1 アイコン" width="24" height="24">Glyphs Poly の関連アイコン
他のアイコンセットの Fire 1 アイコン
Fire 1 アイコン のよくある質問
Fire 1 アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fire 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:fire-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fire 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/fire-1.svg" alt="Fire 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。