Car Battery Bold Duotone icon

solar:car-battery-bold-duotone

The Car Battery Bold Duotone icon (solar:car-battery-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Parts
Tags: carbattery, batterybold, boldduotone, carbatteryboldduotone

Download SVG

SVG code

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

How to use the Car Battery Bold Duotone icon

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 component

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

<img src="https://iconyz.com/api/public/svg/solar/car-battery-bold-duotone.svg" alt="Car Battery Bold Duotone icon" width="24" height="24">

Related icons in Solar

Car Battery Bold Duotone icon FAQ

Is the Car Battery Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Car Battery Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:car-battery-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Car Battery Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/car-battery-bold-duotone.svg" alt="Car Battery Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →