Car Battery Bold Duotone アイコン
solar:car-battery-bold-duotone
Car Battery Bold Duotone アイコン(solar:car-battery-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
- カテゴリ
- パーツ
- タグ
- carbattery、batterybold、boldduotone、carbatteryboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 11.9751V14C22 16.8284 22 18.2426 21.1213 19.1213C20.2426 20 18.8284 20 16 20H8C5.17157 20 3.75736 20 2.87868 19.1213C2 18.2426 2 16.8284 2 14V11.9751C2 10.1294 2 9.20663 2.39219 8.51698C2.65908 8.04767 3.04767 7.65908 3.51698 7.39219C4.20663 7 5.12945 7 6.97508 7H7.25464C7.37758 7 7.43905 7 7.49576 6.9935C7.79166 6.95961 8.05705 6.79559 8.21969 6.54609C8.25086 6.49828 8.27835 6.44329 8.33331 6.33338L8.33333 6.33333C8.44329 6.11342 8.49827 6.00346 8.56062 5.90782C8.8859 5.40882 9.41668 5.08078 10.0085 5.01299C10.1219 5 10.2448 5 10.4907 5H13.5093C13.7552 5 13.8781 5 13.9915 5.01299C14.5833 5.08078 15.1141 5.40882 15.4394 5.90782C15.5017 6.00345 15.5567 6.11345 15.6667 6.33333C15.7216 6.44329 15.7491 6.49827 15.7803 6.54609C15.943 6.79559 16.2083 6.95961 16.5042 6.9935C16.561 7 16.6224 7 16.7454 7H17.0249C18.8706 7 19.7934 7 20.483 7.39219C20.9523 7.65908 21.3409 8.04767 21.6078 8.51698C22 9.20663 22 10.1294 22 11.9751Z" opacity=".5"/><path fill-rule="evenodd" d="M16.5 11.25C16.9142 11.25 17.25 11.5858 17.25 12V12.75H18C18.4142 12.75 18.75 13.0858 18.75 13.5C18.75 13.9142 18.4142 14.25 18 14.25H17.25V15C17.25 15.4142 16.9142 15.75 16.5 15.75C16.0858 15.75 15.75 15.4142 15.75 15V14.25H15C14.5858 14.25 14.25 13.9142 14.25 13.5C14.25 13.0858 14.5858 12.75 15 12.75H15.75V12C15.75 11.5858 16.0858 11.25 16.5 11.25ZM5.25 13.5C5.25 13.0858 5.58579 12.75 6 12.75H9C9.41421 12.75 9.75 13.0858 9.75 13.5C9.75 13.9142 9.41421 14.25 9 14.25H6C5.58579 14.25 5.25 13.9142 5.25 13.5Z" clip-rule="evenodd"/><path d="M19.044 3.25C19.4769 3.24995 19.8737 3.24991 20.1965 3.29331C20.552 3.3411 20.9277 3.45355 21.2367 3.76257C21.5458 4.07159 21.6582 4.44732 21.706 4.8028C21.7494 5.12559 21.7493 7.52248 21.7493 7.95526L21.7493 8.81894C21.709 8.71259 21.6622 8.61255 21.6078 8.51698C21.3409 8.04767 20.9523 7.65908 20.483 7.39219C19.7934 7 18.8706 7 17.0249 7H16.7454C16.6224 7 16.561 7 16.5042 6.9935C16.4285 6.98483 16.3547 6.96762 16.2842 6.94263V4.87099C16.2868 4.84791 16.2896 4.82518 16.2926 4.8028C16.3404 4.44732 16.4528 4.07159 16.7619 3.76257C17.0709 3.45355 17.4466 3.3411 17.8021 3.29331C18.1249 3.24991 18.5217 3.24995 18.9545 3.25H19.044Z"/><path d="M4.98944 3.25C4.55662 3.24995 4.15979 3.24991 3.83698 3.29331C3.4815 3.3411 3.10577 3.45355 2.79675 3.76257C2.48773 4.07159 2.37528 4.44732 2.32749 4.8028C2.28409 5.12559 2.28413 7.52248 2.28418 7.95526L2.28418 8.73626C2.31647 8.66025 2.35243 8.5874 2.39247 8.51698C2.65936 8.04767 3.04795 7.65908 3.51726 7.39219C4.20691 7 5.12973 7 6.97536 7H7.25492C7.37786 7 7.43933 7 7.49604 6.9935C7.58377 6.98346 7.66882 6.96197 7.7493 6.93021V4.87099C7.7467 4.84791 7.7439 4.82518 7.74089 4.8028C7.69309 4.44732 7.58065 4.07159 7.27162 3.76257C6.9626 3.45355 6.58688 3.3411 6.2314 3.29331C5.90858 3.24991 5.51175 3.24995 5.07894 3.25H4.98944Z"/></g></svg>Car Battery Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:car-battery-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:car-battery-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:car-battery-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--car-battery-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:car-battery-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:car-battery-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/car-battery-bold-duotone.svg" alt="Car Battery Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
car-battery-bold
car-battery-broken
car-battery-line-duotone
car-battery-linear
car-battery-outline
car-bold
car-bold-duotone
car-broken
car-line-duotone
car-linear
car-outline
card-2-bold
card-2-bold-duotone
card-2-broken
card-2-line-duotone
card-2-linear
card-2-outline
card-bold
card-bold-duotone
card-broken
card-line-duotone
card-linear
card-outline
card-receive-bold
Car Battery Bold Duotone アイコン のよくある質問
Car Battery Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Car Battery Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:car-battery-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Car Battery Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/car-battery-bold-duotone.svg" alt="Car Battery Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。