Иконка Car Battery Bold Duotone

solar:car-battery-bold-duotone

Иконка Car Battery Bold Duotone (solar:car-battery-bold-duotone) — бесплатная SVG-иконка из набора Solar от 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

<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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Car Battery Bold Duotone

Можно ли бесплатно использовать иконку Car Battery Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Car Battery Bold Duotone в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →