vehicle car collision icon
vehicle-car-collision-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- vehicle-car-collision-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- 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-regularvehicle-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="M13.533 2.032a.75.75 0 0 1 .841.302l2.343 3.514l4.242-1.789a.75.75 0 0 1 .976.996L20.405 8.5h3.845a.75.75 0 0 1 .576 1.23l-2.09 2.508l3.078 3.518A.75.75 0 0 1 25.25 17h-4.498a.75.75 0 1 1 0-1.5h2.845l-2.411-2.756a.75.75 0 0 1-.012-.974L22.649 10H19.25a.75.75 0 0 1-.685-1.055l1.23-2.767l-3.067 1.293a.75.75 0 0 1-.916-.275L14.5 5.227V8.25a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 .533-.718M4.147 14l.316-1.742A2.75 2.75 0 0 1 7.17 10h6.162c1.329 0 2.468.95 2.705 2.258l.32 1.756A1 1 0 0 1 16.5 14h1.25a.75.75 0 1 1 0 1.5h-.419a2.75 2.75 0 0 1 1.169 2.25v6.5A1.75 1.75 0 0 1 16.75 26h-1.5a1.75 1.75 0 0 1-1.75-1.75V23H7v1.25A1.75 1.75 0 0 1 5.25 26h-1.5A1.75 1.75 0 0 1 2 24.25V22.5q0-.064.01-.125A1 1 0 0 1 2 22.25v-4.5c0-.93.462-1.752 1.168-2.25H2.75a.75.75 0 0 1 0-1.5zm1.792-1.474L5.49 15h9.521l-.45-2.474a1.25 1.25 0 0 0-1.23-1.026H7.17a1.25 1.25 0 0 0-1.23 1.026M17 23h-2v1.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25zM3.5 24.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V23h-2zm11-4.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 0-2 0a1 1 0 0 0 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentVehicleCarCollision28Filled(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="M13.533 2.032a.75.75 0 0 1 .841.302l2.343 3.514l4.242-1.789a.75.75 0 0 1 .976.996L20.405 8.5h3.845a.75.75 0 0 1 .576 1.23l-2.09 2.508l3.078 3.518A.75.75 0 0 1 25.25 17h-4.498a.75.75 0 1 1 0-1.5h2.845l-2.411-2.756a.75.75 0 0 1-.012-.974L22.649 10H19.25a.75.75 0 0 1-.685-1.055l1.23-2.767l-3.067 1.293a.75.75 0 0 1-.916-.275L14.5 5.227V8.25a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 .533-.718M4.147 14l.316-1.742A2.75 2.75 0 0 1 7.17 10h6.162c1.329 0 2.468.95 2.705 2.258l.32 1.756A1 1 0 0 1 16.5 14h1.25a.75.75 0 1 1 0 1.5h-.419a2.75 2.75 0 0 1 1.169 2.25v6.5A1.75 1.75 0 0 1 16.75 26h-1.5a1.75 1.75 0 0 1-1.75-1.75V23H7v1.25A1.75 1.75 0 0 1 5.25 26h-1.5A1.75 1.75 0 0 1 2 24.25V22.5q0-.064.01-.125A1 1 0 0 1 2 22.25v-4.5c0-.93.462-1.752 1.168-2.25H2.75a.75.75 0 0 1 0-1.5zm1.792-1.474L5.49 15h9.521l-.45-2.474a1.25 1.25 0 0 0-1.23-1.026H7.17a1.25 1.25 0 0 0-1.23 1.026M17 23h-2v1.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25zM3.5 24.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V23h-2zm11-4.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 0-2 0a1 1 0 0 0 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.533 2.032a.75.75 0 0 1 .841.302l2.343 3.514l4.242-1.789a.75.75 0 0 1 .976.996L20.405 8.5h3.845a.75.75 0 0 1 .576 1.23l-2.09 2.508l3.078 3.518A.75.75 0 0 1 25.25 17h-4.498a.75.75 0 1 1 0-1.5h2.845l-2.411-2.756a.75.75 0 0 1-.012-.974L22.649 10H19.25a.75.75 0 0 1-.685-1.055l1.23-2.767l-3.067 1.293a.75.75 0 0 1-.916-.275L14.5 5.227V8.25a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 .533-.718M4.147 14l.316-1.742A2.75 2.75 0 0 1 7.17 10h6.162c1.329 0 2.468.95 2.705 2.258l.32 1.756A1 1 0 0 1 16.5 14h1.25a.75.75 0 1 1 0 1.5h-.419a2.75 2.75 0 0 1 1.169 2.25v6.5A1.75 1.75 0 0 1 16.75 26h-1.5a1.75 1.75 0 0 1-1.75-1.75V23H7v1.25A1.75 1.75 0 0 1 5.25 26h-1.5A1.75 1.75 0 0 1 2 24.25V22.5q0-.064.01-.125A1 1 0 0 1 2 22.25v-4.5c0-.93.462-1.752 1.168-2.25H2.75a.75.75 0 0 1 0-1.5zm1.792-1.474L5.49 15h9.521l-.45-2.474a1.25 1.25 0 0 0-1.23-1.026H7.17a1.25 1.25 0 0 0-1.23 1.026M17 23h-2v1.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25zM3.5 24.25c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V23h-2zm11-4.25a1 1 0 1 0 0-2a1 1 0 0 0 0 2M7 19a1 1 0 1 0-2 0a1 1 0 0 0 2 0m1.75 0a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 0-1.5z"/></svg> </template>
CSS
.icon-vehicle-car-collision-28-filled {
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%22M13.533%202.032a.75.75%200%200%201%20.841.302l2.343%203.514l4.242-1.789a.75.75%200%200%201%20.976.996L20.405%208.5h3.845a.75.75%200%200%201%20.576%201.23l-2.09%202.508l3.078%203.518A.75.75%200%200%201%2025.25%2017h-4.498a.75.75%200%201%201%200-1.5h2.845l-2.411-2.756a.75.75%200%200%201-.012-.974L22.649%2010H19.25a.75.75%200%200%201-.685-1.055l1.23-2.767l-3.067%201.293a.75.75%200%200%201-.916-.275L14.5%205.227V8.25a.75.75%200%200%201-1.5%200v-5.5a.75.75%200%200%201%20.533-.718M4.147%2014l.316-1.742A2.75%202.75%200%200%201%207.17%2010h6.162c1.329%200%202.468.95%202.705%202.258l.32%201.756A1%201%200%200%201%2016.5%2014h1.25a.75.75%200%201%201%200%201.5h-.419a2.75%202.75%200%200%201%201.169%202.25v6.5A1.75%201.75%200%200%201%2016.75%2026h-1.5a1.75%201.75%200%200%201-1.75-1.75V23H7v1.25A1.75%201.75%200%200%201%205.25%2026h-1.5A1.75%201.75%200%200%201%202%2024.25V22.5q0-.064.01-.125A1%201%200%200%201%202%2022.25v-4.5c0-.93.462-1.752%201.168-2.25H2.75a.75.75%200%200%201%200-1.5zm1.792-1.474L5.49%2015h9.521l-.45-2.474a1.25%201.25%200%200%200-1.23-1.026H7.17a1.25%201.25%200%200%200-1.23%201.026M17%2023h-2v1.25c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25zM3.5%2024.25c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25V23h-2zm11-4.25a1%201%200%201%200%200-2a1%201%200%200%200%200%202M7%2019a1%201%200%201%200-2%200a1%201%200%200%200%202%200m1.75%200a.75.75%200%201%200%200%201.5h3a.75.75%200%200%200%200-1.5z%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%22M13.533%202.032a.75.75%200%200%201%20.841.302l2.343%203.514l4.242-1.789a.75.75%200%200%201%20.976.996L20.405%208.5h3.845a.75.75%200%200%201%20.576%201.23l-2.09%202.508l3.078%203.518A.75.75%200%200%201%2025.25%2017h-4.498a.75.75%200%201%201%200-1.5h2.845l-2.411-2.756a.75.75%200%200%201-.012-.974L22.649%2010H19.25a.75.75%200%200%201-.685-1.055l1.23-2.767l-3.067%201.293a.75.75%200%200%201-.916-.275L14.5%205.227V8.25a.75.75%200%200%201-1.5%200v-5.5a.75.75%200%200%201%20.533-.718M4.147%2014l.316-1.742A2.75%202.75%200%200%201%207.17%2010h6.162c1.329%200%202.468.95%202.705%202.258l.32%201.756A1%201%200%200%201%2016.5%2014h1.25a.75.75%200%201%201%200%201.5h-.419a2.75%202.75%200%200%201%201.169%202.25v6.5A1.75%201.75%200%200%201%2016.75%2026h-1.5a1.75%201.75%200%200%201-1.75-1.75V23H7v1.25A1.75%201.75%200%200%201%205.25%2026h-1.5A1.75%201.75%200%200%201%202%2024.25V22.5q0-.064.01-.125A1%201%200%200%201%202%2022.25v-4.5c0-.93.462-1.752%201.168-2.25H2.75a.75.75%200%200%201%200-1.5zm1.792-1.474L5.49%2015h9.521l-.45-2.474a1.25%201.25%200%200%200-1.23-1.026H7.17a1.25%201.25%200%200%200-1.23%201.026M17%2023h-2v1.25c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25zM3.5%2024.25c0%20.138.112.25.25.25h1.5a.25.25%200%200%200%20.25-.25V23h-2zm11-4.25a1%201%200%201%200%200-2a1%201%200%200%200%200%202M7%2019a1%201%200%201%200-2%200a1%201%200%200%200%202%200m1.75%200a.75.75%200%201%200%200%201.5h3a.75.75%200%200%200%200-1.5z%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-filled.svg?color=%231a73e8&size=48
