Fuel Bold Duotone アイコン
solar:fuel-bold-duotone
Fuel Bold Duotone アイコン(solar:fuel-bold-duotone)は、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、boldduotone、fuelboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.55325 9.14745C2 9.94241 2 10.9906 2 13.0869V15.8834C2 18.7668 2 20.2085 2.87868 21.1042C3.75736 22 5.17157 22 8 22H16C18.8284 22 20.2426 22 21.1213 21.1042C22 20.2085 22 18.7668 22 15.8834V10.2325C22 6.30539 22 4.34183 20.7359 3.42756C19.4718 2.51329 17.6539 3.16195 14.0179 4.45927L6.0179 7.3137C4.07697 8.00623 3.1065 8.3525 2.55325 9.14745Z" opacity=".5"/><path d="M11.0162 5.53028L10.9442 5.23713C10.7929 4.66113 10.3519 4.21122 9.78716 4.05687C9.57907 4 9.32544 4 8.81818 4H8C6.7206 4 6.08089 4 5.64021 4.34492C5.52676 4.43372 5.4252 4.53731 5.33815 4.65303C5 5.10254 5 5.75506 5 7.06009V7.68117C5.3059 7.56774 5.64388 7.44715 6.0179 7.3137L11.0162 5.53028Z"/><path d="M7.46967 9.46967C7.17678 9.76256 7.17678 10.2374 7.46967 10.5303L8.96967 12.0303C9.00804 12.0687 9.04954 12.102 9.09334 12.1304C9 12.564 9 13.1561 9 14C9 14.8313 9 15.4182 9.08923 15.8501L7.46967 17.4697C7.17678 17.7626 7.17678 18.2374 7.46967 18.5303C7.76256 18.8232 8.23744 18.8232 8.53033 18.5303L10.1499 16.9108C10.5818 17 11.1687 17 12 17C12.8313 17 13.4182 17 13.8501 16.9108L15.4697 18.5303C15.7626 18.8232 16.2374 18.8232 16.5303 18.5303C16.8232 18.2374 16.8232 17.7626 16.5303 17.4697L14.9108 15.8501C15 15.4182 15 14.8313 15 14C15 13.1687 15 12.5818 14.9108 12.1499L16.5303 10.5303C16.8232 10.2374 16.8232 9.76256 16.5303 9.46967C16.2374 9.17678 15.7626 9.17678 15.4697 9.46967L13.8501 11.0892C13.4182 11 12.8313 11 12 11C11.1561 11 10.564 11 10.1304 11.0933C10.102 11.0495 10.0687 11.008 10.0303 10.9697L8.53033 9.46967C8.23744 9.17678 7.76256 9.17678 7.46967 9.46967Z"/></g></svg>Fuel Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:fuel-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:fuel-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:fuel-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fuel-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fuel-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:fuel-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/fuel-bold-duotone.svg" alt="Fuel Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
Fuel Bold Duotone アイコン のよくある質問
Fuel Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fuel Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:fuel-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fuel Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/fuel-bold-duotone.svg" alt="Fuel Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。