heroicons + sidekickicons

Car icon

car

A car from the side, for driving, transport, rides, parking and car rentals.

Missing from Heroicons, where it was requested with 72 votes in #400 and #443 and #687 .

Component
CarIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
vehicle, automobile, auto, drive, driving, transport, travel, ride, taxi, parking, rental

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 18.75H4.125A1.125 1.125 0 0 1 3 17.625v-4.521a1.5 1.5 0 0 1 .158-.671l1.781-3.561a1.125 1.125 0 0 1 1.006-.622h6.976a1.125 1.125 0 0 1 .916.471l3.114 4.36a1 1 0 0 0 .814.419h2.11A1.125 1.125 0 0 1 21 14.625v3a1.125 1.125 0 0 1-1.125 1.125H18.75m-10.5 0h7.5m-10.5 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0Zm10.5 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0ZM3 13.5h14.25M9 8.25v5.25" />
</svg>

Download

car icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Car icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Car arriving Car arriving

Badges · Micro

History

  1. Added in Sidekickicons 0.22.0 .

Related icons

More Sidekickicons