Fuel Bold アイコン
solar:fuel-bold
Fuel Bold アイコン(solar:fuel-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- fuelbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 13.0869C2 10.9906 2 9.94241 2.55325 9.14745C2.99989 8.50568 3.71844 8.15634 5 7.68117V7.06009C5 5.75506 5 5.10254 5.33815 4.65303C5.4252 4.53731 5.52676 4.43372 5.64021 4.34492C6.08089 4 6.7206 4 8 4H8.81818C9.32544 4 9.57907 4 9.78716 4.05687C10.3519 4.21122 10.7929 4.66113 10.9442 5.23713L11.0162 5.53028L14.0179 4.45927C17.6539 3.16195 19.4718 2.51329 20.7359 3.42756C22 4.34183 22 6.30539 22 10.2325V15.8834C22 18.7668 22 20.2085 21.1213 21.1042C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1042C2 20.2085 2 18.7668 2 15.8834V13.0869ZM7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L10.0303 10.9697C10.0687 11.008 10.102 11.0495 10.1304 11.0933C10.564 11 11.1561 11 12 11C12.8313 11 13.4182 11 13.8501 11.0892L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L14.9108 12.1499C15 12.5818 15 13.1687 15 14C15 14.8313 15 15.4182 14.9108 15.8501L16.5303 17.4697C16.8232 17.7626 16.8232 18.2374 16.5303 18.5303C16.2374 18.8232 15.7626 18.8232 15.4697 18.5303L13.8501 16.9108C13.4182 17 12.8313 17 12 17C11.1687 17 10.5818 17 10.1499 16.9108L8.53033 18.5303C8.23744 18.8232 7.76256 18.8232 7.46967 18.5303C7.17678 18.2374 7.17678 17.7626 7.46967 17.4697L9.08923 15.8501C9 15.4182 9 14.8313 9 14C9 13.1561 9 12.564 9.09334 12.1304C9.04954 12.102 9.00804 12.0687 8.96967 12.0303L7.46967 10.5303Z" clip-rule="evenodd"/></svg>Fuel Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:fuel-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:fuel-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:fuel-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fuel-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fuel-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:fuel-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/fuel-bold.svg" alt="Fuel Bold アイコン" width="24" height="24">Solar の関連アイコン
Fuel Bold アイコン のよくある質問
Fuel Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fuel Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:fuel-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fuel Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/fuel-bold.svg" alt="Fuel Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。