Car Bold icon

solar:car-bold

The Car Bold icon (solar:car-bold) 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: carbold

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="M18.6865 18.4837V20.8431C18.6865 21.3883 18.6865 21.661 18.8559 21.8304C19.0253 21.9998 19.298 21.9998 19.8433 21.9998C20.3886 21.9998 20.6612 21.9998 20.8306 21.8304C21 21.661 21 21.3883 21 20.8431V18.1572C20.4966 18.4316 19.7825 18.4764 18.6865 18.4837Z"/><path d="M3 18.1572V20.8431C3 21.3883 3 21.661 3.1694 21.8304C3.3388 21.9998 3.61145 21.9998 4.15674 21.9998C4.70203 21.9998 4.97468 21.9998 5.14408 21.8304C5.31348 21.661 5.31348 21.3883 5.31348 20.8431V18.4837C4.21747 18.4764 3.50341 18.4316 3 18.1572Z"/><path fill-rule="evenodd" d="M18 9.51465C19.8856 9.51465 20.8283 9.51501 21.4141 10.1719C21.9997 10.8287 22 11.8857 22 14C22 16.1143 21.9997 17.1713 21.4141 17.8281C20.8283 18.485 19.8856 18.4854 18 18.4854H6C4.11438 18.4854 3.17172 18.485 2.58594 17.8281C2.00026 17.1713 2 16.1143 2 14C2 11.8857 2.00026 10.8287 2.58594 10.1719C3.17172 9.51501 4.11438 9.51465 6 9.51465H18ZM5.50586 11.5C4.67743 11.5 4.00586 12.1716 4.00586 13C4.00586 13.8284 4.67743 14.5 5.50586 14.5C6.33429 14.5 7.00586 13.8284 7.00586 13C7.00586 12.1716 6.33429 11.5 5.50586 11.5ZM18.5244 11.5C17.696 11.5 17.0244 12.1716 17.0244 13C17.0244 13.8284 17.696 14.5 18.5244 14.5C19.3528 14.5 20.0244 13.8284 20.0244 13C20.0244 12.1716 19.3528 11.5 18.5244 11.5Z" clip-rule="evenodd"/><path d="M12.7666 2C16.0028 2 17.1879 2.0003 18.1934 2.73535C19.0943 3.39435 20.2816 6.54292 20.5195 8.89258C20.4495 8.87858 20.3785 8.86631 20.3066 8.85547C19.6932 8.76299 18.9191 8.76465 18 8.76465H6C5.08088 8.76465 4.3068 8.76299 3.69336 8.85547C3.62084 8.86641 3.54914 8.87842 3.47852 8.89258C3.71648 6.54293 4.90572 3.3944 5.80664 2.73535C6.81212 2.00027 7.99779 2 11.2344 2H12.7666Z"/></g></svg>

How to use the Car Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:car-bold"></iconify-icon>

HTML image

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

Related icons in Solar

Car Bold icon in other icon sets

Car Bold icon FAQ

Is the Car Bold 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 Bold icon in React?

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

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

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

Browse all Solar icons →