car crash icon

car-crash from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.

Name
car-crash
Set
BoxIcons v2 Solid
Style
Solid
Viewbox
24×24
License
MIT

The same icon in other sets

car-crashFont Awesome 6 Solidcar-crashFont Awesome Solidcar-crashLine Awesomecar-crashMaterial Symbolscar-crashMaterial Symbols Lightcar-crashTabler Icons

Related icons in BoxIcons v2 Solid

car-batterycar-garagecar-mechaniccar-wash

Use the car crash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.634 17.918a1.77 1.77 0 0 0 1.201 1.291l.18.791H4v2h16v-2H6.683a.8.8 0 0 0-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886 0 0 0 1.06.667l.863-.197a.885.885 0 0 0 .667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76 1.76 0 0 0-1.262-1.307l-2.049-3.378a2.77 2.77 0 0 0-2.982-1.263l-7.868 1.79a2.77 2.77 0 0 0-2.144 2.43l-.387 3.932a1.76 1.76 0 0 0-.57 1.724zm3.02-.688a1.327 1.327 0 1 1-.59-2.589a1.327 1.327 0 0 1 .59 2.589m11.222-2.552a1.328 1.328 0 1 1-.59-2.587a1.328 1.328 0 0 1 .59 2.587M5.589 9.192l7.869-1.791a.77.77 0 0 1 .83.351l1.585 2.613l-.566.129l-10.046 2.287l-.568.129l.299-3.042a.77.77 0 0 1 .597-.676M18.405 4L17 2l-.5 3L19 9l3 1l-2-2.539l2-.933l-2-.933L22 2z"/></svg>

React

import type { SVGProps } from "react";

export function BxsCarCrash(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" d="M2.634 17.918a1.77 1.77 0 0 0 1.201 1.291l.18.791H4v2h16v-2H6.683a.8.8 0 0 0-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886 0 0 0 1.06.667l.863-.197a.885.885 0 0 0 .667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76 1.76 0 0 0-1.262-1.307l-2.049-3.378a2.77 2.77 0 0 0-2.982-1.263l-7.868 1.79a2.77 2.77 0 0 0-2.144 2.43l-.387 3.932a1.76 1.76 0 0 0-.57 1.724zm3.02-.688a1.327 1.327 0 1 1-.59-2.589a1.327 1.327 0 0 1 .59 2.589m11.222-2.552a1.328 1.328 0 1 1-.59-2.587a1.328 1.328 0 0 1 .59 2.587M5.589 9.192l7.869-1.791a.77.77 0 0 1 .83.351l1.585 2.613l-.566.129l-10.046 2.287l-.568.129l.299-3.042a.77.77 0 0 1 .597-.676M18.405 4L17 2l-.5 3L19 9l3 1l-2-2.539l2-.933l-2-.933L22 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.634 17.918a1.77 1.77 0 0 0 1.201 1.291l.18.791H4v2h16v-2H6.683a.8.8 0 0 0-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886 0 0 0 1.06.667l.863-.197a.885.885 0 0 0 .667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76 1.76 0 0 0-1.262-1.307l-2.049-3.378a2.77 2.77 0 0 0-2.982-1.263l-7.868 1.79a2.77 2.77 0 0 0-2.144 2.43l-.387 3.932a1.76 1.76 0 0 0-.57 1.724zm3.02-.688a1.327 1.327 0 1 1-.59-2.589a1.327 1.327 0 0 1 .59 2.589m11.222-2.552a1.328 1.328 0 1 1-.59-2.587a1.328 1.328 0 0 1 .59 2.587M5.589 9.192l7.869-1.791a.77.77 0 0 1 .83.351l1.585 2.613l-.566.129l-10.046 2.287l-.568.129l.299-3.042a.77.77 0 0 1 .597-.676M18.405 4L17 2l-.5 3L19 9l3 1l-2-2.539l2-.933l-2-.933L22 2z"/></svg>
</template>

CSS

.icon-car-crash {
  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%20d%3D%22M2.634%2017.918a1.77%201.77%200%200%200%201.201%201.291l.18.791H4v2h16v-2H6.683a.8.8%200%200%200-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886%200%200%200%201.06.667l.863-.197a.885.885%200%200%200%20.667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76%201.76%200%200%200-1.262-1.307l-2.049-3.378a2.77%202.77%200%200%200-2.982-1.263l-7.868%201.79a2.77%202.77%200%200%200-2.144%202.43l-.387%203.932a1.76%201.76%200%200%200-.57%201.724zm3.02-.688a1.327%201.327%200%201%201-.59-2.589a1.327%201.327%200%200%201%20.59%202.589m11.222-2.552a1.328%201.328%200%201%201-.59-2.587a1.328%201.328%200%200%201%20.59%202.587M5.589%209.192l7.869-1.791a.77.77%200%200%201%20.83.351l1.585%202.613l-.566.129l-10.046%202.287l-.568.129l.299-3.042a.77.77%200%200%201%20.597-.676M18.405%204L17%202l-.5%203L19%209l3%201l-2-2.539l2-.933l-2-.933L22%202z%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%20d%3D%22M2.634%2017.918a1.77%201.77%200%200%200%201.201%201.291l.18.791H4v2h16v-2H6.683a.8.8%200%200%200-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886%200%200%200%201.06.667l.863-.197a.885.885%200%200%200%20.667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76%201.76%200%200%200-1.262-1.307l-2.049-3.378a2.77%202.77%200%200%200-2.982-1.263l-7.868%201.79a2.77%202.77%200%200%200-2.144%202.43l-.387%203.932a1.76%201.76%200%200%200-.57%201.724zm3.02-.688a1.327%201.327%200%201%201-.59-2.589a1.327%201.327%200%200%201%20.59%202.589m11.222-2.552a1.328%201.328%200%201%201-.59-2.587a1.328%201.328%200%200%201%20.59%202.587M5.589%209.192l7.869-1.791a.77.77%200%200%201%20.83.351l1.585%202.613l-.566.129l-10.046%202.287l-.568.129l.299-3.042a.77.77%200%200%201%20.597-.676M18.405%204L17%202l-.5%203L19%209l3%201l-2-2.539l2-.933l-2-.933L22%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/car-crash.svg?color=%231a73e8&size=48