car icon
car-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- car-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
car-filledAnt Design IconscarBoxIcons v2carBoxIcons v2 SolidcarCarboncar-fillEva IconscarFont Awesome 6 SolidcarFont Awesome SolidcarHumbleiconscarIconParkcarIconPark OutlinecarIconPark SolidcarIconPark TwoTonecarIconoircarIonIconscarJam IconscarLine AwesomecarLucidecarMajesticonscarMaterial Design Iconscar-fillMingCute IconcarPhosphorcarPixelarticonscarPrime Iconscar-fillRemix Icon
Use the car icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M3.379 49.738h2.766c1.734 0 3.093-1.336 3.093-3.07v-3.937c5.204.328 12.727.562 18.75.562c6.047 0 13.57-.234 18.774-.562v3.937c0 1.734 1.336 3.07 3.093 3.07h2.766c1.758 0 3.117-1.336 3.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046 0-11.18.164-12.75.328c-3.117.375-5.554 1.992-6.796 4.64c-.82 1.735-2.368 6.165-3.235 10.383l-1.969 2.555C1.058 26.981.262 29.207.262 33.145v13.523c0 1.734 1.36 3.07 3.117 3.07m6.563-30.07c.562-2.578 1.687-5.93 2.46-7.29c.633-1.1 1.313-1.57 2.579-1.733c1.78-.258 5.765-.399 13.007-.399c7.266 0 11.25.094 13.032.399c1.242.187 1.921.632 2.578 1.734c.797 1.336 1.851 4.71 2.46 7.289c.212.867-.14 1.195-1.054 1.125c-3.89-.234-8.531-.492-17.016-.492c-8.46 0-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96 17.555c-2.226 0-3.89-1.688-3.89-3.891c0-2.227 1.664-3.89 3.89-3.89s3.891 1.663 3.891 3.89c0 2.203-1.664 3.89-3.89 3.89m34.196 0c-2.227 0-3.89-1.688-3.89-3.891c0-2.227 1.663-3.89 3.89-3.89c2.203 0 3.89 1.663 3.89 3.89c0 2.203-1.687 3.89-3.89 3.89m-23.32-1.078c-1.641 0-2.79-1.172-2.79-2.813c0-1.664 1.149-2.812 2.79-2.812h12.445c1.64 0 2.789 1.148 2.789 2.812c0 1.64-1.149 2.813-2.79 2.813Z"/></svg>
React
import type { SVGProps } from "react";
export function F7CarFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M3.379 49.738h2.766c1.734 0 3.093-1.336 3.093-3.07v-3.937c5.204.328 12.727.562 18.75.562c6.047 0 13.57-.234 18.774-.562v3.937c0 1.734 1.336 3.07 3.093 3.07h2.766c1.758 0 3.117-1.336 3.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046 0-11.18.164-12.75.328c-3.117.375-5.554 1.992-6.796 4.64c-.82 1.735-2.368 6.165-3.235 10.383l-1.969 2.555C1.058 26.981.262 29.207.262 33.145v13.523c0 1.734 1.36 3.07 3.117 3.07m6.563-30.07c.562-2.578 1.687-5.93 2.46-7.29c.633-1.1 1.313-1.57 2.579-1.733c1.78-.258 5.765-.399 13.007-.399c7.266 0 11.25.094 13.032.399c1.242.187 1.921.632 2.578 1.734c.797 1.336 1.851 4.71 2.46 7.289c.212.867-.14 1.195-1.054 1.125c-3.89-.234-8.531-.492-17.016-.492c-8.46 0-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96 17.555c-2.226 0-3.89-1.688-3.89-3.891c0-2.227 1.664-3.89 3.89-3.89s3.891 1.663 3.891 3.89c0 2.203-1.664 3.89-3.89 3.89m34.196 0c-2.227 0-3.89-1.688-3.89-3.891c0-2.227 1.663-3.89 3.89-3.89c2.203 0 3.89 1.663 3.89 3.89c0 2.203-1.687 3.89-3.89 3.89m-23.32-1.078c-1.641 0-2.79-1.172-2.79-2.813c0-1.664 1.149-2.812 2.79-2.812h12.445c1.64 0 2.789 1.148 2.789 2.812c0 1.64-1.149 2.813-2.79 2.813Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M3.379 49.738h2.766c1.734 0 3.093-1.336 3.093-3.07v-3.937c5.204.328 12.727.562 18.75.562c6.047 0 13.57-.234 18.774-.562v3.937c0 1.734 1.336 3.07 3.093 3.07h2.766c1.758 0 3.117-1.336 3.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046 0-11.18.164-12.75.328c-3.117.375-5.554 1.992-6.796 4.64c-.82 1.735-2.368 6.165-3.235 10.383l-1.969 2.555C1.058 26.981.262 29.207.262 33.145v13.523c0 1.734 1.36 3.07 3.117 3.07m6.563-30.07c.562-2.578 1.687-5.93 2.46-7.29c.633-1.1 1.313-1.57 2.579-1.733c1.78-.258 5.765-.399 13.007-.399c7.266 0 11.25.094 13.032.399c1.242.187 1.921.632 2.578 1.734c.797 1.336 1.851 4.71 2.46 7.289c.212.867-.14 1.195-1.054 1.125c-3.89-.234-8.531-.492-17.016-.492c-8.46 0-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96 17.555c-2.226 0-3.89-1.688-3.89-3.891c0-2.227 1.664-3.89 3.89-3.89s3.891 1.663 3.891 3.89c0 2.203-1.664 3.89-3.89 3.89m34.196 0c-2.227 0-3.89-1.688-3.89-3.891c0-2.227 1.663-3.89 3.89-3.89c2.203 0 3.89 1.663 3.89 3.89c0 2.203-1.687 3.89-3.89 3.89m-23.32-1.078c-1.641 0-2.79-1.172-2.79-2.813c0-1.664 1.149-2.812 2.79-2.812h12.445c1.64 0 2.789 1.148 2.789 2.812c0 1.64-1.149 2.813-2.79 2.813Z"/></svg> </template>
CSS
.icon-car-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.379%2049.738h2.766c1.734%200%203.093-1.336%203.093-3.07v-3.937c5.204.328%2012.727.562%2018.75.562c6.047%200%2013.57-.234%2018.774-.562v3.937c0%201.734%201.336%203.07%203.093%203.07h2.766c1.758%200%203.117-1.336%203.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046%200-11.18.164-12.75.328c-3.117.375-5.554%201.992-6.796%204.64c-.82%201.735-2.368%206.165-3.235%2010.383l-1.969%202.555C1.058%2026.981.262%2029.207.262%2033.145v13.523c0%201.734%201.36%203.07%203.117%203.07m6.563-30.07c.562-2.578%201.687-5.93%202.46-7.29c.633-1.1%201.313-1.57%202.579-1.733c1.78-.258%205.765-.399%2013.007-.399c7.266%200%2011.25.094%2013.032.399c1.242.187%201.921.632%202.578%201.734c.797%201.336%201.851%204.71%202.46%207.289c.212.867-.14%201.195-1.054%201.125c-3.89-.234-8.531-.492-17.016-.492c-8.46%200-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96%2017.555c-2.226%200-3.89-1.688-3.89-3.891c0-2.227%201.664-3.89%203.89-3.89s3.891%201.663%203.891%203.89c0%202.203-1.664%203.89-3.89%203.89m34.196%200c-2.227%200-3.89-1.688-3.89-3.891c0-2.227%201.663-3.89%203.89-3.89c2.203%200%203.89%201.663%203.89%203.89c0%202.203-1.687%203.89-3.89%203.89m-23.32-1.078c-1.641%200-2.79-1.172-2.79-2.813c0-1.664%201.149-2.812%202.79-2.812h12.445c1.64%200%202.789%201.148%202.789%202.812c0%201.64-1.149%202.813-2.79%202.813Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.379%2049.738h2.766c1.734%200%203.093-1.336%203.093-3.07v-3.937c5.204.328%2012.727.562%2018.75.562c6.047%200%2013.57-.234%2018.774-.562v3.937c0%201.734%201.336%203.07%203.093%203.07h2.766c1.758%200%203.117-1.336%203.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046%200-11.18.164-12.75.328c-3.117.375-5.554%201.992-6.796%204.64c-.82%201.735-2.368%206.165-3.235%2010.383l-1.969%202.555C1.058%2026.981.262%2029.207.262%2033.145v13.523c0%201.734%201.36%203.07%203.117%203.07m6.563-30.07c.562-2.578%201.687-5.93%202.46-7.29c.633-1.1%201.313-1.57%202.579-1.733c1.78-.258%205.765-.399%2013.007-.399c7.266%200%2011.25.094%2013.032.399c1.242.187%201.921.632%202.578%201.734c.797%201.336%201.851%204.71%202.46%207.289c.212.867-.14%201.195-1.054%201.125c-3.89-.234-8.531-.492-17.016-.492c-8.46%200-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96%2017.555c-2.226%200-3.89-1.688-3.89-3.891c0-2.227%201.664-3.89%203.89-3.89s3.891%201.663%203.891%203.89c0%202.203-1.664%203.89-3.89%203.89m34.196%200c-2.227%200-3.89-1.688-3.89-3.891c0-2.227%201.663-3.89%203.89-3.89c2.203%200%203.89%201.663%203.89%203.89c0%202.203-1.687%203.89-3.89%203.89m-23.32-1.078c-1.641%200-2.79-1.172-2.79-2.813c0-1.664%201.149-2.812%202.79-2.812h12.445c1.64%200%202.789%201.148%202.789%202.812c0%201.64-1.149%202.813-2.79%202.813Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/car-fill.svg?color=%231a73e8&size=48
