car on icon

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

Name: car-on
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

car-alt car-battery car-burst car-crash car-rear car-side car-tunnel

Use the car on icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M344 56c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3 10.7 24 24 24s24-10.7 24-24zM241.3 272h157.5c6.7 0 12.6 4.1 15 10.4l26.1 69.6H200.3l26.1-69.6c2.3-6.2 8.3-10.4 15-10.4zM130 356.8l-1.3 3.4C109.2 371.1 96 392 96 416v128c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32v-32h288v32c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32V416c0-24-13.2-44.9-32.8-55.9l-1.3-3.4l-36.3-96.9c-11.7-31.2-41.6-51.9-74.9-51.9H241.2c-33.3 0-63.2 20.7-74.9 51.9zm62 43.2c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m224 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32M103 71c-9.3 9.4-9.3 24.6 0 34l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6.1-34l-48-48c-9.4-9.3-24.6-9.3-34 0m400 0l-48 48c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9s-24.5-9.3-33.9 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCarOn(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="M344 56c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3 10.7 24 24 24s24-10.7 24-24zM241.3 272h157.5c6.7 0 12.6 4.1 15 10.4l26.1 69.6H200.3l26.1-69.6c2.3-6.2 8.3-10.4 15-10.4zM130 356.8l-1.3 3.4C109.2 371.1 96 392 96 416v128c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32v-32h288v32c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32V416c0-24-13.2-44.9-32.8-55.9l-1.3-3.4l-36.3-96.9c-11.7-31.2-41.6-51.9-74.9-51.9H241.2c-33.3 0-63.2 20.7-74.9 51.9zm62 43.2c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m224 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32M103 71c-9.3 9.4-9.3 24.6 0 34l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6.1-34l-48-48c-9.4-9.3-24.6-9.3-34 0m400 0l-48 48c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9s-24.5-9.3-33.9 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M344 56c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3 10.7 24 24 24s24-10.7 24-24zM241.3 272h157.5c6.7 0 12.6 4.1 15 10.4l26.1 69.6H200.3l26.1-69.6c2.3-6.2 8.3-10.4 15-10.4zM130 356.8l-1.3 3.4C109.2 371.1 96 392 96 416v128c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32v-32h288v32c0 17.7 14.3 32 32 32h16c17.7 0 32-14.3 32-32V416c0-24-13.2-44.9-32.8-55.9l-1.3-3.4l-36.3-96.9c-11.7-31.2-41.6-51.9-74.9-51.9H241.2c-33.3 0-63.2 20.7-74.9 51.9zm62 43.2c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m224 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32M103 71c-9.3 9.4-9.3 24.6 0 34l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6.1-34l-48-48c-9.4-9.3-24.6-9.3-34 0m400 0l-48 48c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9s-24.5-9.3-33.9 0"/></svg>
</template>

CSS

.icon-car-on {
  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%22M344%2056c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v64c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24zM241.3%20272h157.5c6.7%200%2012.6%204.1%2015%2010.4l26.1%2069.6H200.3l26.1-69.6c2.3-6.2%208.3-10.4%2015-10.4zM130%20356.8l-1.3%203.4C109.2%20371.1%2096%20392%2096%20416v128c0%2017.7%2014.3%2032%2032%2032h16c17.7%200%2032-14.3%2032-32v-32h288v32c0%2017.7%2014.3%2032%2032%2032h16c17.7%200%2032-14.3%2032-32V416c0-24-13.2-44.9-32.8-55.9l-1.3-3.4l-36.3-96.9c-11.7-31.2-41.6-51.9-74.9-51.9H241.2c-33.3%200-63.2%2020.7-74.9%2051.9zm62%2043.2c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m224%2032c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32M103%2071c-9.3%209.4-9.3%2024.6%200%2034l48%2048c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6.1-34l-48-48c-9.4-9.3-24.6-9.3-34%200m400%200l-48%2048c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l48-48c9.4-9.4%209.4-24.6%200-33.9s-24.5-9.3-33.9%200%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%22M344%2056c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v64c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24zM241.3%20272h157.5c6.7%200%2012.6%204.1%2015%2010.4l26.1%2069.6H200.3l26.1-69.6c2.3-6.2%208.3-10.4%2015-10.4zM130%20356.8l-1.3%203.4C109.2%20371.1%2096%20392%2096%20416v128c0%2017.7%2014.3%2032%2032%2032h16c17.7%200%2032-14.3%2032-32v-32h288v32c0%2017.7%2014.3%2032%2032%2032h16c17.7%200%2032-14.3%2032-32V416c0-24-13.2-44.9-32.8-55.9l-1.3-3.4l-36.3-96.9c-11.7-31.2-41.6-51.9-74.9-51.9H241.2c-33.3%200-63.2%2020.7-74.9%2051.9zm62%2043.2c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m224%2032c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32M103%2071c-9.3%209.4-9.3%2024.6%200%2034l48%2048c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6.1-34l-48-48c-9.4-9.3-24.6-9.3-34%200m400%200l-48%2048c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l48-48c9.4-9.4%209.4-24.6%200-33.9s-24.5-9.3-33.9%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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