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
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
-
Added in Sidekickicons 0.22.0 .
Related icons
More Sidekickicons
- ad
- anchor
- arc-third
- archive-box-arrow-up
- arrow-bottom-left-on-square
- arrow-curve-down-left
- arrow-curve-down-right
- arrow-curve-left-down
- arrow-curve-left-up
- arrow-curve-right-down
- arrow-curve-right-up
- arrow-curve-up-left
- arrow-curve-up-right
- arrow-path-clock
- arrow-path-single-clockwise
- arrow-path-single-counterclockwise
- arrow-uturn-down-right
- arrow-uturn-left-down
- arrow-uturn-right-down
- arrow-uturn-up-left
- arrows-crossing
- backward-bar
- badge
- barrier
- bars-3-bottom-center
- battery-25
- battery-75
- battery-charging
- blockquote
- bluetooth
- camera-rotate
- cc
- chart-line-down
- chart-line-up
- check-double
- check-square
- checklist
- checklist-boxes
- chevron-down-up
- chevron-left-right
- chevron-right-left
- circle
- circle-dashed
- coffee
- computer-laptop
- cookie
- corners-pointing-in
- corners-pointing-out
- crop
- crosshair
- crown
- dice
- dots-2x2
- dots-2x3
- dots-3x2
- dots-3x3
- dumbbell
- eraser
- face-id
- face-meh
- face-smile-plus
- floppy-disk
- folder-x-mark
- fork-knife
- forward-bar
- gamepad
- gauge
- gender-ambiguous
- gender-female
- gender-male
- gender-trans
- git-branch
- h4
- h5
- h6
- hammer
- heading
- headphones
- headphones-slash
- headset
- hourglass
- inbox-arrow-up
- indent
- infinity
- italic-slash
- keyboard
- leaf
- lettered-list
- lock-semi-open
- mask
- microphone-slash
- outdent
- paint-brush-slash
- password
- password-pencil
- percent
- photo-plus
- pilcrow
- pill
- pin
- pin-slash
- plug
- quotation-mark
- radial-rays
- robot
- section-sign
- shield
- sidebar-left
- sidebar-right
- snowflake
- square
- star-half
- stethoscope
- table-cells-merge
- table-cells-split
- target
- triangle
- usb
- video-camera-arrow-down-left
- video-camera-arrow-up-right
- video-camera-x-mark
- view-split