Flame 2 アイコン
keyline-icons:flame-2
Flame 2 アイコン(keyline-icons:flame-2)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.7388 2.6979C12.3119 5.6813 12.1147 8.1708 9.9131 10.0232C9.5044 10.367 8.8832 9.9115 8.9254 9.3889C9.0389 7.9854 8.6865 6.5536 8.3215 5.7792C8.1844 5.4883 7.8191 5.4835 7.6171 5.7364C6.3149 7.367 4.5091 10.4743 4.1054 12.8154C3.4557 16.5832 5.776 22.504 11.9014 21.9657C16.8018 21.5351 19.1406 17.8391 19.6974 16.0449C21.2003 10.2342 16.8445 5.7303 12.7114 2.1414C12.2947 1.7796 11.6365 2.1651 11.7388 2.6979ZM14.6705 20.3072C15.3502 18.5659 14.0365 15.6327 13.0067 13.9376C12.786 13.5742 12.2507 13.6146 12.0492 13.9883C10.1354 17.5385 9.1431 17.3932 9.1431 19.7923C9.1431 22.3671 13.6655 22.882 14.6705 20.3072Z"/></svg>Flame 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:flame-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:flame-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:flame-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flame-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:flame-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:flame-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/flame-2.svg" alt="Flame 2 アイコン" width="24" height="24">Keyline Icons の関連アイコン
Flame 2 アイコン のよくある質問
Flame 2 アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flame 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:flame-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flame 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/flame-2.svg" alt="Flame 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。