A car seen head-on with its lamps and mirrors, for driving, rides, parking and garages. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 10L18 10C18.3506 10 18.6872 10.0602 19 10.1707C20.1652 10.5825 21 11.6937 21 13L21 18.0346C21 19.12 20.12 20 19.0346 20C18.1327 20 17.3465 19.3862 17.1278 18.5113L17 18L7 18L6.8722 18.5113C6.6535 19.3862 5.8673 20 4.9654 20C3.88 20 3 19.12 3 18.0346L3 13C3 11.6937 3.8348 10.5825 5 10.1707C5.3128 10.0602 5.6494 10 6 10ZM5 10.1707L5.3518 9L6.7199 5.8157C7.1932 4.714 8.2771 4 9.4762 4L14.5238 4C15.7229 4 16.8068 4.714 17.2801 5.8157L18.6482 9L19 10.1707M5.35177 9L3.5 9M18.6482 9L20.5 9M8 13.5L8 14.5M16 13.5L16 14.5" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- car
- vehicle
- automobile
- drive
- driving
- front view
Related icons
The rest of the car family first, then the Transport shelf.
FAQ
Answered from car-front's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the car-front icon for?
- A car seen head-on with its lamps and mirrors, for driving, rides, parking and garages. It is filed under Transport in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as car, vehicle, automobile, drive, driving and front view, and the browser's search matches all of those.
- What styles does the car-front icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of car-front?
- No. car-front is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with car-front?
- car, car-front-off, car-off, car-taxi, car-taxi-front and car-taxi-front-off, and 12 more, all shown below. The car family is listed first, then the rest of the Transport shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import car-front in React?
- <CarFront /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <CarFront size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the car-front SVG?
- icons/stroke/car-front.svg, icons/two-tone/car-front.svg, icons/duotone/car-front.svg and icons/fill/car-front.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was car-front added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.