car icon
car from Font Awesome Solid by Dave Gandy · Solid · Automotive · CC-BY-4.0 Attribution required.
- Name
- car
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Automotive
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
car-filledAnt Design IconscarBoxIcons v2carBoxIcons v2 SolidcarCarboncar-fillEva Iconscar-fillFramework7 IconscarFont Awesome 6 SolidcarHumbleiconscarIconParkcarIconPark OutlinecarIconPark SolidcarIconPark TwoTonecarIconoircarIonIconscarJam IconscarLine AwesomecarLucidecarMajesticonscarMaterial Design Iconscar-fillMingCute IconcarPhosphorcarPixelarticonscarPrime Iconscar-fillRemix Icon
More automotive icons from Font Awesome Solid
Use the car icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M199.2 181.4L173.1 256h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H229.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4l35.2-100.5c13.5-38.5 49.8-64.3 90.6-64.3h181.2c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2v192c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32v-32H160v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V320c0-26.7 16.4-49.6 39.6-59.2M192 368c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m288 32c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M199.2 181.4L173.1 256h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H229.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4l35.2-100.5c13.5-38.5 49.8-64.3 90.6-64.3h181.2c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2v192c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32v-32H160v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V320c0-26.7 16.4-49.6 39.6-59.2M192 368c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m288 32c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M199.2 181.4L173.1 256h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H229.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4l35.2-100.5c13.5-38.5 49.8-64.3 90.6-64.3h181.2c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2v192c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32v-32H160v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V320c0-26.7 16.4-49.6 39.6-59.2M192 368c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32m288 32c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg> </template>
CSS
.icon-car {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M199.2%20181.4L173.1%20256h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H229.4c-13.6%200-25.7%208.6-30.2%2021.4m-95.6%2079.4l35.2-100.5c13.5-38.5%2049.8-64.3%2090.6-64.3h181.2c40.8%200%2077.1%2025.8%2090.6%2064.3l35.2%20100.5c23.2%209.6%2039.6%2032.5%2039.6%2059.2v192c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32v-32H160v32c0%2017.7-14.3%2032-32%2032H96c-17.7%200-32-14.3-32-32V320c0-26.7%2016.4-49.6%2039.6-59.2M192%20368c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m288%2032c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M199.2%20181.4L173.1%20256h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H229.4c-13.6%200-25.7%208.6-30.2%2021.4m-95.6%2079.4l35.2-100.5c13.5-38.5%2049.8-64.3%2090.6-64.3h181.2c40.8%200%2077.1%2025.8%2090.6%2064.3l35.2%20100.5c23.2%209.6%2039.6%2032.5%2039.6%2059.2v192c0%2017.7-14.3%2032-32%2032h-32c-17.7%200-32-14.3-32-32v-32H160v32c0%2017.7-14.3%2032-32%2032H96c-17.7%200-32-14.3-32-32V320c0-26.7%2016.4-49.6%2039.6-59.2M192%20368c0-17.7-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032s32-14.3%2032-32m288%2032c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/car.svg?color=%231a73e8&size=48
