car icon

car from Font Awesome 6 Solid by Dave Gandy · Regular · Automotive · CC-BY-4.0 Attribution required.

Name
car
Set
Font Awesome 6 Solid
Style
Regular
Category
Automotive
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

car-filledAnt Design IconscarBoxIcons v2carBoxIcons v2 SolidcarCarboncar-fillEva Iconscar-fillFramework7 IconscarFont Awesome SolidcarHumbleiconscarIconParkcarIconPark OutlinecarIconPark SolidcarIconPark TwoTonecarIconoircarIonIconscarJam IconscarLine AwesomecarLucidecarMajesticonscarMaterial Design Iconscar-fillMingCute IconcarPhosphorcarPixelarticonscarPrime Iconscar-fillRemix Icon

More automotive icons from Font Awesome 6 Solid

buscar-batterycar-sidecaravancharging-stationgas-pumpmotorcycleoil-cantaxitrailertrucktruck-monstertruck-pickupcar-burstcar-crashcar-oncar-rearcar-tunnel

Use the car icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M135.2 117.4L109.1 192h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H165.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4L74.8 96.3C88.3 57.8 124.6 32 165.4 32h181.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-48H96v48c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V256c0-26.7 16.4-49.6 39.6-59.2M128 288a32 32 0 1 0-64 0a32 32 0 1 0 64 0m288 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M135.2 117.4L109.1 192h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H165.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4L74.8 96.3C88.3 57.8 124.6 32 165.4 32h181.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-48H96v48c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V256c0-26.7 16.4-49.6 39.6-59.2M128 288a32 32 0 1 0-64 0a32 32 0 1 0 64 0m288 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M135.2 117.4L109.1 192h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H165.4c-13.6 0-25.7 8.6-30.2 21.4m-95.6 79.4L74.8 96.3C88.3 57.8 124.6 32 165.4 32h181.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-48H96v48c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V256c0-26.7 16.4-49.6 39.6-59.2M128 288a32 32 0 1 0-64 0a32 32 0 1 0 64 0m288 32a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.2%20117.4L109.1%20192h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H165.4c-13.6%200-25.7%208.6-30.2%2021.4m-95.6%2079.4L74.8%2096.3C88.3%2057.8%20124.6%2032%20165.4%2032h181.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-48H96v48c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32V256c0-26.7%2016.4-49.6%2039.6-59.2M128%20288a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m288%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.2%20117.4L109.1%20192h293.8l-26.1-74.6c-4.5-12.8-16.6-21.4-30.2-21.4H165.4c-13.6%200-25.7%208.6-30.2%2021.4m-95.6%2079.4L74.8%2096.3C88.3%2057.8%20124.6%2032%20165.4%2032h181.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-48H96v48c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32V256c0-26.7%2016.4-49.6%2039.6-59.2M128%20288a32%2032%200%201%200-64%200a32%2032%200%201%200%2064%200m288%2032a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/car.svg?color=%231a73e8&size=48