car door icon
car-door-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- car-door-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the car door icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.24 9.566c.455-.33 1.065-.757 1.76-1.198V6.657c0-1.289.508-2.731 1.832-3.498C8.81 2.592 10.25 2 12 2s3.19.592 4.168 1.159C17.492 3.926 18 5.369 18 6.657v1.71a34 34 0 0 1 2.623 1.85c.426.341.5.981.158 1.408a1 1 0 0 1-1.405.156A26 26 0 0 0 18 10.769v6.817A4.414 4.414 0 0 1 13.586 22h-3.172A4.414 4.414 0 0 1 6 17.586v-6.817c-.467.324-.93.657-1.375 1.012a1 1 0 0 1-1.25-1.562q.426-.335.865-.653M12 4c-1.297 0-2.39.44-3.165.89C8.323 5.185 8 5.823 8 6.656v.56c.361-.185.729-.359 1.096-.514C10.034 6.308 11.054 6 12 6s1.966.308 2.904.703c.367.155.735.329 1.096.513v-.56c0-.832-.323-1.47-.835-1.767C14.39 4.44 13.297 4 12 4m4 7.414c-.609.609-1 1.365-1 2.243V17a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-3.343c0-.878-.391-1.634-1-2.243v6.172A2.414 2.414 0 0 0 10.414 20h3.172A2.414 2.414 0 0 0 16 17.586z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteCarDoorFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M4.24 9.566c.455-.33 1.065-.757 1.76-1.198V6.657c0-1.289.508-2.731 1.832-3.498C8.81 2.592 10.25 2 12 2s3.19.592 4.168 1.159C17.492 3.926 18 5.369 18 6.657v1.71a34 34 0 0 1 2.623 1.85c.426.341.5.981.158 1.408a1 1 0 0 1-1.405.156A26 26 0 0 0 18 10.769v6.817A4.414 4.414 0 0 1 13.586 22h-3.172A4.414 4.414 0 0 1 6 17.586v-6.817c-.467.324-.93.657-1.375 1.012a1 1 0 0 1-1.25-1.562q.426-.335.865-.653M12 4c-1.297 0-2.39.44-3.165.89C8.323 5.185 8 5.823 8 6.656v.56c.361-.185.729-.359 1.096-.514C10.034 6.308 11.054 6 12 6s1.966.308 2.904.703c.367.155.735.329 1.096.513v-.56c0-.832-.323-1.47-.835-1.767C14.39 4.44 13.297 4 12 4m4 7.414c-.609.609-1 1.365-1 2.243V17a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-3.343c0-.878-.391-1.634-1-2.243v6.172A2.414 2.414 0 0 0 10.414 20h3.172A2.414 2.414 0 0 0 16 17.586z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.24 9.566c.455-.33 1.065-.757 1.76-1.198V6.657c0-1.289.508-2.731 1.832-3.498C8.81 2.592 10.25 2 12 2s3.19.592 4.168 1.159C17.492 3.926 18 5.369 18 6.657v1.71a34 34 0 0 1 2.623 1.85c.426.341.5.981.158 1.408a1 1 0 0 1-1.405.156A26 26 0 0 0 18 10.769v6.817A4.414 4.414 0 0 1 13.586 22h-3.172A4.414 4.414 0 0 1 6 17.586v-6.817c-.467.324-.93.657-1.375 1.012a1 1 0 0 1-1.25-1.562q.426-.335.865-.653M12 4c-1.297 0-2.39.44-3.165.89C8.323 5.185 8 5.823 8 6.656v.56c.361-.185.729-.359 1.096-.514C10.034 6.308 11.054 6 12 6s1.966.308 2.904.703c.367.155.735.329 1.096.513v-.56c0-.832-.323-1.47-.835-1.767C14.39 4.44 13.297 4 12 4m4 7.414c-.609.609-1 1.365-1 2.243V17a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-3.343c0-.878-.391-1.634-1-2.243v6.172A2.414 2.414 0 0 0 10.414 20h3.172A2.414 2.414 0 0 0 16 17.586z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-car-door-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.24%209.566c.455-.33%201.065-.757%201.76-1.198V6.657c0-1.289.508-2.731%201.832-3.498C8.81%202.592%2010.25%202%2012%202s3.19.592%204.168%201.159C17.492%203.926%2018%205.369%2018%206.657v1.71a34%2034%200%200%201%202.623%201.85c.426.341.5.981.158%201.408a1%201%200%200%201-1.405.156A26%2026%200%200%200%2018%2010.769v6.817A4.414%204.414%200%200%201%2013.586%2022h-3.172A4.414%204.414%200%200%201%206%2017.586v-6.817c-.467.324-.93.657-1.375%201.012a1%201%200%200%201-1.25-1.562q.426-.335.865-.653M12%204c-1.297%200-2.39.44-3.165.89C8.323%205.185%208%205.823%208%206.656v.56c.361-.185.729-.359%201.096-.514C10.034%206.308%2011.054%206%2012%206s1.966.308%202.904.703c.367.155.735.329%201.096.513v-.56c0-.832-.323-1.47-.835-1.767C14.39%204.44%2013.297%204%2012%204m4%207.414c-.609.609-1%201.365-1%202.243V17a2%202%200%200%201-2%202h-2a2%202%200%200%201-2-2v-3.343c0-.878-.391-1.634-1-2.243v6.172A2.414%202.414%200%200%200%2010.414%2020h3.172A2.414%202.414%200%200%200%2016%2017.586z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.24%209.566c.455-.33%201.065-.757%201.76-1.198V6.657c0-1.289.508-2.731%201.832-3.498C8.81%202.592%2010.25%202%2012%202s3.19.592%204.168%201.159C17.492%203.926%2018%205.369%2018%206.657v1.71a34%2034%200%200%201%202.623%201.85c.426.341.5.981.158%201.408a1%201%200%200%201-1.405.156A26%2026%200%200%200%2018%2010.769v6.817A4.414%204.414%200%200%201%2013.586%2022h-3.172A4.414%204.414%200%200%201%206%2017.586v-6.817c-.467.324-.93.657-1.375%201.012a1%201%200%200%201-1.25-1.562q.426-.335.865-.653M12%204c-1.297%200-2.39.44-3.165.89C8.323%205.185%208%205.823%208%206.656v.56c.361-.185.729-.359%201.096-.514C10.034%206.308%2011.054%206%2012%206s1.966.308%202.904.703c.367.155.735.329%201.096.513v-.56c0-.832-.323-1.47-.835-1.767C14.39%204.44%2013.297%204%2012%204m4%207.414c-.609.609-1%201.365-1%202.243V17a2%202%200%200%201-2%202h-2a2%202%200%200%201-2-2v-3.343c0-.878-.391-1.634-1-2.243v6.172A2.414%202.414%200%200%200%2010.414%2020h3.172A2.414%202.414%200%200%200%2016%2017.586z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/car-door-fill.svg?color=%231a73e8&size=48
