ios car icon
ios-car from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-car
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios car icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 196.2c-13.8-30.8-49-92.2-100-92.2H196c-51 0-84.8 59.4-100 92.2-24 23-48 45.7-48 84.8v76c0 3.7 2.6 7 6.2 7.8C69.1 368.2 116.4 375 256 375s186.9-6.8 201.8-10.2c3.6-.8 6.2-4.1 6.2-7.8v-76c0-39-22.3-63.1-48-84.8zM190 128h132c40.5 0 62 60 62 70H128c0-10 27-70 62-70zm-78 203.7c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32c0 17.6-14.3 32-32 32zM328 300c0 8.8-7.2 16-16 16H200c-8.8 0-16-7.2-16-16s7.2-16 16-16h112c8.8 0 16 7.2 16 16zm72 32c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z" fill="currentColor"/><path d="M160 384c-47.9 0-96-5-96-5 0 17-.3 29 6 29h85c6.3 0 5-13.2 5-24z" fill="currentColor"/><path d="M352 384c48 0 96-5 96-5 0 16 2 29-5 29h-86c-6.7 0-5-13.5-5-24z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 196.2c-13.8-30.8-49-92.2-100-92.2H196c-51 0-84.8 59.4-100 92.2-24 23-48 45.7-48 84.8v76c0 3.7 2.6 7 6.2 7.8C69.1 368.2 116.4 375 256 375s186.9-6.8 201.8-10.2c3.6-.8 6.2-4.1 6.2-7.8v-76c0-39-22.3-63.1-48-84.8zM190 128h132c40.5 0 62 60 62 70H128c0-10 27-70 62-70zm-78 203.7c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32c0 17.6-14.3 32-32 32zM328 300c0 8.8-7.2 16-16 16H200c-8.8 0-16-7.2-16-16s7.2-16 16-16h112c8.8 0 16 7.2 16 16zm72 32c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z" fill="currentColor"/><path d="M160 384c-47.9 0-96-5-96-5 0 17-.3 29 6 29h85c6.3 0 5-13.2 5-24z" fill="currentColor"/><path d="M352 384c48 0 96-5 96-5 0 16 2 29-5 29h-86c-6.7 0-5-13.5-5-24z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 196.2c-13.8-30.8-49-92.2-100-92.2H196c-51 0-84.8 59.4-100 92.2-24 23-48 45.7-48 84.8v76c0 3.7 2.6 7 6.2 7.8C69.1 368.2 116.4 375 256 375s186.9-6.8 201.8-10.2c3.6-.8 6.2-4.1 6.2-7.8v-76c0-39-22.3-63.1-48-84.8zM190 128h132c40.5 0 62 60 62 70H128c0-10 27-70 62-70zm-78 203.7c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32c0 17.6-14.3 32-32 32zM328 300c0 8.8-7.2 16-16 16H200c-8.8 0-16-7.2-16-16s7.2-16 16-16h112c8.8 0 16 7.2 16 16zm72 32c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z" fill="currentColor"/><path d="M160 384c-47.9 0-96-5-96-5 0 17-.3 29 6 29h85c6.3 0 5-13.2 5-24z" fill="currentColor"/><path d="M352 384c48 0 96-5 96-5 0 16 2 29-5 29h-86c-6.7 0-5-13.5-5-24z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%20d%3D%22M416%20196.2c-13.8-30.8-49-92.2-100-92.2H196c-51%200-84.8%2059.4-100%2092.2-24%2023-48%2045.7-48%2084.8v76c0%203.7%202.6%207%206.2%207.8C69.1%20368.2%20116.4%20375%20256%20375s186.9-6.8%20201.8-10.2c3.6-.8%206.2-4.1%206.2-7.8v-76c0-39-22.3-63.1-48-84.8zM190%20128h132c40.5%200%2062%2060%2062%2070H128c0-10%2027-70%2062-70zm-78%20203.7c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032c0%2017.6-14.3%2032-32%2032zM328%20300c0%208.8-7.2%2016-16%2016H200c-8.8%200-16-7.2-16-16s7.2-16%2016-16h112c8.8%200%2016%207.2%2016%2016zm72%2032c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M160%20384c-47.9%200-96-5-96-5%200%2017-.3%2029%206%2029h85c6.3%200%205-13.2%205-24z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%20384c48%200%2096-5%2096-5%200%2016%202%2029-5%2029h-86c-6.7%200-5-13.5-5-24z%22%20fill%3D%22currentColor%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%20d%3D%22M416%20196.2c-13.8-30.8-49-92.2-100-92.2H196c-51%200-84.8%2059.4-100%2092.2-24%2023-48%2045.7-48%2084.8v76c0%203.7%202.6%207%206.2%207.8C69.1%20368.2%20116.4%20375%20256%20375s186.9-6.8%20201.8-10.2c3.6-.8%206.2-4.1%206.2-7.8v-76c0-39-22.3-63.1-48-84.8zM190%20128h132c40.5%200%2062%2060%2062%2070H128c0-10%2027-70%2062-70zm-78%20203.7c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032c0%2017.6-14.3%2032-32%2032zM328%20300c0%208.8-7.2%2016-16%2016H200c-8.8%200-16-7.2-16-16s7.2-16%2016-16h112c8.8%200%2016%207.2%2016%2016zm72%2032c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M160%20384c-47.9%200-96-5-96-5%200%2017-.3%2029%206%2029h85c6.3%200%205-13.2%205-24z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%20384c48%200%2096-5%2096-5%200%2016%202%2029-5%2029h-86c-6.7%200-5-13.5-5-24z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-car.svg?color=%231a73e8&size=48
