ICONYZ
日本語
Solar の Car Battery Linear アイコン

Car Battery Linear アイコン

solar:car-battery-linear

Car Battery Linear アイコン(solar:car-battery-linear)は、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、batterylinear、carbatterylinear、accumulator linear
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 14V11.9751C22 10.1294 22 9.20663 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.2083 6.95961 15.943 6.79559 15.7803 6.54609C15.7491 6.49827 15.7216 6.44329 15.6667 6.33333C15.5567 6.11345 15.5017 6.00345 15.4394 5.90782C15.1141 5.40882 14.5833 5.08078 13.9915 5.01299C13.8781 5 13.7552 5 13.5093 5H10.4907C10.2448 5 10.1219 5 10.0085 5.01299C9.41668 5.08078 8.8859 5.40882 8.56062 5.90782C8.49827 6.00346 8.44329 6.11342 8.33333 6.33333C8.27836 6.44328 8.25086 6.49827 8.21969 6.54609C8.05705 6.79559 7.79166 6.95961 7.49576 6.9935C7.43905 7 7.37758 7 7.25464 7H6.97508C5.12945 7 4.20663 7 3.51698 7.39219C3.04767 7.65908 2.65908 8.04767 2.39219 8.51698C2 9.20663 2 10.1294 2 11.9751V14C2 16.8284 2 18.2426 2.87868 19.1213C3.75736 20 5.17157 20 8 20H16C18.8284 20 20.2426 20 21.1213 19.1213C22 18.2426 22 16.8284 22 14Z"/><path d="M7 7V6C7 5.05719 7 4.58579 6.70711 4.29289C6.41421 4 5.94281 4 5 4C4.05719 4 3.58579 4 3.29289 4.29289C3 4.58579 3 5.05719 3 6V7.5"/><path d="M21 8V6C21 5.05719 21 4.58579 20.7071 4.29289C20.4142 4 19.9428 4 19 4C18.0572 4 17.5858 4 17.2929 4.29289C17 4.58579 17 5.05719 17 6V7"/><path stroke-linecap="round" d="M9 13.5H6"/><path stroke-linecap="round" d="M18 13.5L16.5 13.5M16.5 13.5L15 13.5M16.5 13.5L16.5 12M16.5 13.5L16.5 15"/></g></svg>

Car Battery Linear アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:car-battery-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:car-battery-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:car-battery-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--car-battery-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:car-battery-linear"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:car-battery-linear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/car-battery-linear.svg" alt="Car Battery Linear アイコン" width="24" height="24">

Solar の関連アイコン

Car Battery Linear アイコン のよくある質問

Car Battery Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Car Battery Linear アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:car-battery-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Car Battery Linear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/car-battery-linear.svg" alt="Car Battery Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →