vehicle car collision icon
vehicle-car-collision-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- vehicle-car-collision-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
vehicle-car-collision-16-filledvehicle-car-collision-16-regularvehicle-car-collision-20-filledvehicle-car-collision-20-regularvehicle-car-collision-24-filledvehicle-car-collision-24-regularvehicle-car-collision-28-filledvehicle-car-collision-32-filledvehicle-car-collision-32-regularvehicle-car-collision-48-filledvehicle-car-collision-48-regular
Related icons in Fluent UI System Icons
vehicle-bicycle-16-filledvehicle-bus-16-filledvehicle-cab-16-filledvehicle-cable-car-20-filledvehicle-car-16-filledvehicle-car-parking-16-filledvehicle-car-profile-16-filledvehicle-car-profile-ltr-16-filledvehicle-car-profile-ltr-clock-16-filledvehicle-car-profile-rtl-16-filledvehicle-motorcycle-16-filledvehicle-rv-16-filledvehicle-ship-16-filledvehicle-subway-16-filledvehicle-subway-clock-16-filledvehicle-tractor-20-filledvehicle-trailer-16-filledvehicle-trailer-arrow-down-16-filledvehicle-truck-16-filledvehicle-truck-bag-20-filledvehicle-truck-checkmark-16-filledvehicle-truck-cube-20-filledvehicle-truck-profile-16-filled
Use the vehicle car collision icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.374 2.334A.75.75 0 0 0 13 2.75v5.5a.75.75 0 0 0 1.5 0V5.227l1.313 1.969c.2.3.583.415.915.275l3.067-1.293l-1.23 2.767A.75.75 0 0 0 19.25 10h3.399l-1.475 1.77a.75.75 0 0 0 .012.974l2.411 2.756h-2.845a.75.75 0 1 0 0 1.5h4.498a.75.75 0 0 0 .564-1.244l-3.078-3.518l2.09-2.508a.75.75 0 0 0-.576-1.23h-3.846l1.531-3.445a.75.75 0 0 0-.976-.996l-4.242 1.789zM14.5 20a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5zm-6-3.5h.418A2.75 2.75 0 0 0 2 17.75v4.5q0 .064.01.125A1 1 0 0 0 2 22.5v1.75c0 .967.784 1.75 1.75 1.75h1.5A1.75 1.75 0 0 0 7 24.25V23h6.5v1.25c0 .967.784 1.75 1.75 1.75h1.5a1.75 1.75 0 0 0 1.75-1.75v-6.5c0-.93-.462-1.752-1.169-2.25h.419a.75.75 0 0 0 0-1.5H16.5a1 1 0 0 0-.144.014l-.32-1.756A2.75 2.75 0 0 0 13.331 10H7.169a2.75 2.75 0 0 0-2.706 2.258L4.147 14H2.75a.75.75 0 1 0 0 1.5m.75 2.25c0-.69.56-1.25 1.25-1.25h11c.69 0 1.25.56 1.25 1.25v3.75H3.5zm11.06-5.224L15.01 15H5.49l.45-2.474A1.25 1.25 0 0 1 7.17 11.5h6.16a1.25 1.25 0 0 1 1.23 1.026M15 24.25V23h2v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25M5.5 23v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V23z"/></svg>
React
import type { SVGProps } from "react";
export function FluentVehicleCarCollision28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.374 2.334A.75.75 0 0 0 13 2.75v5.5a.75.75 0 0 0 1.5 0V5.227l1.313 1.969c.2.3.583.415.915.275l3.067-1.293l-1.23 2.767A.75.75 0 0 0 19.25 10h3.399l-1.475 1.77a.75.75 0 0 0 .012.974l2.411 2.756h-2.845a.75.75 0 1 0 0 1.5h4.498a.75.75 0 0 0 .564-1.244l-3.078-3.518l2.09-2.508a.75.75 0 0 0-.576-1.23h-3.846l1.531-3.445a.75.75 0 0 0-.976-.996l-4.242 1.789zM14.5 20a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5zm-6-3.5h.418A2.75 2.75 0 0 0 2 17.75v4.5q0 .064.01.125A1 1 0 0 0 2 22.5v1.75c0 .967.784 1.75 1.75 1.75h1.5A1.75 1.75 0 0 0 7 24.25V23h6.5v1.25c0 .967.784 1.75 1.75 1.75h1.5a1.75 1.75 0 0 0 1.75-1.75v-6.5c0-.93-.462-1.752-1.169-2.25h.419a.75.75 0 0 0 0-1.5H16.5a1 1 0 0 0-.144.014l-.32-1.756A2.75 2.75 0 0 0 13.331 10H7.169a2.75 2.75 0 0 0-2.706 2.258L4.147 14H2.75a.75.75 0 1 0 0 1.5m.75 2.25c0-.69.56-1.25 1.25-1.25h11c.69 0 1.25.56 1.25 1.25v3.75H3.5zm11.06-5.224L15.01 15H5.49l.45-2.474A1.25 1.25 0 0 1 7.17 11.5h6.16a1.25 1.25 0 0 1 1.23 1.026M15 24.25V23h2v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25M5.5 23v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M14.374 2.334A.75.75 0 0 0 13 2.75v5.5a.75.75 0 0 0 1.5 0V5.227l1.313 1.969c.2.3.583.415.915.275l3.067-1.293l-1.23 2.767A.75.75 0 0 0 19.25 10h3.399l-1.475 1.77a.75.75 0 0 0 .012.974l2.411 2.756h-2.845a.75.75 0 1 0 0 1.5h4.498a.75.75 0 0 0 .564-1.244l-3.078-3.518l2.09-2.508a.75.75 0 0 0-.576-1.23h-3.846l1.531-3.445a.75.75 0 0 0-.976-.996l-4.242 1.789zM14.5 20a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5zm-6-3.5h.418A2.75 2.75 0 0 0 2 17.75v4.5q0 .064.01.125A1 1 0 0 0 2 22.5v1.75c0 .967.784 1.75 1.75 1.75h1.5A1.75 1.75 0 0 0 7 24.25V23h6.5v1.25c0 .967.784 1.75 1.75 1.75h1.5a1.75 1.75 0 0 0 1.75-1.75v-6.5c0-.93-.462-1.752-1.169-2.25h.419a.75.75 0 0 0 0-1.5H16.5a1 1 0 0 0-.144.014l-.32-1.756A2.75 2.75 0 0 0 13.331 10H7.169a2.75 2.75 0 0 0-2.706 2.258L4.147 14H2.75a.75.75 0 1 0 0 1.5m.75 2.25c0-.69.56-1.25 1.25-1.25h11c.69 0 1.25.56 1.25 1.25v3.75H3.5zm11.06-5.224L15.01 15H5.49l.45-2.474A1.25 1.25 0 0 1 7.17 11.5h6.16a1.25 1.25 0 0 1 1.23 1.026M15 24.25V23h2v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25M5.5 23v1.25a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V23z"/></svg> </template>
CSS
.icon-vehicle-car-collision-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.374%202.334A.75.75%200%200%200%2013%202.75v5.5a.75.75%200%200%200%201.5%200V5.227l1.313%201.969c.2.3.583.415.915.275l3.067-1.293l-1.23%202.767A.75.75%200%200%200%2019.25%2010h3.399l-1.475%201.77a.75.75%200%200%200%20.012.974l2.411%202.756h-2.845a.75.75%200%201%200%200%201.5h4.498a.75.75%200%200%200%20.564-1.244l-3.078-3.518l2.09-2.508a.75.75%200%200%200-.576-1.23h-3.846l1.531-3.445a.75.75%200%200%200-.976-.996l-4.242%201.789zM14.5%2020a1%201%200%201%200%200-2a1%201%200%200%200%200%202M7%2019a1%201%200%201%201-2%200a1%201%200%200%201%202%200m1.75%200a.75.75%200%201%200%200%201.5h3a.75.75%200%200%200%200-1.5zm-6-3.5h.418A2.75%202.75%200%200%200%202%2017.75v4.5q0%20.064.01.125A1%201%200%200%200%202%2022.5v1.75c0%20.967.784%201.75%201.75%201.75h1.5A1.75%201.75%200%200%200%207%2024.25V23h6.5v1.25c0%20.967.784%201.75%201.75%201.75h1.5a1.75%201.75%200%200%200%201.75-1.75v-6.5c0-.93-.462-1.752-1.169-2.25h.419a.75.75%200%200%200%200-1.5H16.5a1%201%200%200%200-.144.014l-.32-1.756A2.75%202.75%200%200%200%2013.331%2010H7.169a2.75%202.75%200%200%200-2.706%202.258L4.147%2014H2.75a.75.75%200%201%200%200%201.5m.75%202.25c0-.69.56-1.25%201.25-1.25h11c.69%200%201.25.56%201.25%201.25v3.75H3.5zm11.06-5.224L15.01%2015H5.49l.45-2.474A1.25%201.25%200%200%201%207.17%2011.5h6.16a1.25%201.25%200%200%201%201.23%201.026M15%2024.25V23h2v1.25a.25.25%200%200%201-.25.25h-1.5a.25.25%200%200%201-.25-.25M5.5%2023v1.25a.25.25%200%200%201-.25.25h-1.5a.25.25%200%200%201-.25-.25V23z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.374%202.334A.75.75%200%200%200%2013%202.75v5.5a.75.75%200%200%200%201.5%200V5.227l1.313%201.969c.2.3.583.415.915.275l3.067-1.293l-1.23%202.767A.75.75%200%200%200%2019.25%2010h3.399l-1.475%201.77a.75.75%200%200%200%20.012.974l2.411%202.756h-2.845a.75.75%200%201%200%200%201.5h4.498a.75.75%200%200%200%20.564-1.244l-3.078-3.518l2.09-2.508a.75.75%200%200%200-.576-1.23h-3.846l1.531-3.445a.75.75%200%200%200-.976-.996l-4.242%201.789zM14.5%2020a1%201%200%201%200%200-2a1%201%200%200%200%200%202M7%2019a1%201%200%201%201-2%200a1%201%200%200%201%202%200m1.75%200a.75.75%200%201%200%200%201.5h3a.75.75%200%200%200%200-1.5zm-6-3.5h.418A2.75%202.75%200%200%200%202%2017.75v4.5q0%20.064.01.125A1%201%200%200%200%202%2022.5v1.75c0%20.967.784%201.75%201.75%201.75h1.5A1.75%201.75%200%200%200%207%2024.25V23h6.5v1.25c0%20.967.784%201.75%201.75%201.75h1.5a1.75%201.75%200%200%200%201.75-1.75v-6.5c0-.93-.462-1.752-1.169-2.25h.419a.75.75%200%200%200%200-1.5H16.5a1%201%200%200%200-.144.014l-.32-1.756A2.75%202.75%200%200%200%2013.331%2010H7.169a2.75%202.75%200%200%200-2.706%202.258L4.147%2014H2.75a.75.75%200%201%200%200%201.5m.75%202.25c0-.69.56-1.25%201.25-1.25h11c.69%200%201.25.56%201.25%201.25v3.75H3.5zm11.06-5.224L15.01%2015H5.49l.45-2.474A1.25%201.25%200%200%201%207.17%2011.5h6.16a1.25%201.25%200%200%201%201.23%201.026M15%2024.25V23h2v1.25a.25.25%200%200%201-.25.25h-1.5a.25.25%200%200%201-.25-.25M5.5%2023v1.25a.25.25%200%200%201-.25.25h-1.5a.25.25%200%200%201-.25-.25V23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/vehicle-car-collision-28-regular.svg?color=%231a73e8&size=48
