fire truck icon
fire-truck from Material Symbols Light by Google · Regular · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- fire-truck
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the fire truck icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.144 19.468q-.76-.763-.76-1.852h-.769q-.666 0-1.14-.475Q2 16.666 2 16v-5h11V7.616q0-.667.475-1.141T14.615 6H16.5v-.5q0-.343.232-.575t.576-.233h.384q.344 0 .576.233t.232.575V6h.608q.525 0 .949.302q.424.301.585.804l1.283 3.798q.044.133.06.258q.015.125.015.26v6.194h-2.384q0 1.09-.765 1.852t-1.855.763t-1.852-.763t-.76-1.852H9.616q0 1.096-.765 1.855q-.764.76-1.856.76q-1.091 0-1.85-.763m3-.707q.47-.47.47-1.136t-.47-1.145T7 16t-1.145.48t-.47 1.145t.47 1.136T7 19.23t1.145-.47m10 0q.47-.47.47-1.136t-.47-1.145T17 16t-1.145.48t-.47 1.145t.47 1.136t1.145.47t1.145-.47M14 11h6.9l-1.196-3.577q-.058-.192-.221-.308Q19.319 7 19.108 7h-4.492q-.27 0-.443.173T14 7.615zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFireTruck(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="M5.144 19.468q-.76-.763-.76-1.852h-.769q-.666 0-1.14-.475Q2 16.666 2 16v-5h11V7.616q0-.667.475-1.141T14.615 6H16.5v-.5q0-.343.232-.575t.576-.233h.384q.344 0 .576.233t.232.575V6h.608q.525 0 .949.302q.424.301.585.804l1.283 3.798q.044.133.06.258q.015.125.015.26v6.194h-2.384q0 1.09-.765 1.852t-1.855.763t-1.852-.763t-.76-1.852H9.616q0 1.096-.765 1.855q-.764.76-1.856.76q-1.091 0-1.85-.763m3-.707q.47-.47.47-1.136t-.47-1.145T7 16t-1.145.48t-.47 1.145t.47 1.136T7 19.23t1.145-.47m10 0q.47-.47.47-1.136t-.47-1.145T17 16t-1.145.48t-.47 1.145t.47 1.136t1.145.47t1.145-.47M14 11h6.9l-1.196-3.577q-.058-.192-.221-.308Q19.319 7 19.108 7h-4.492q-.27 0-.443.173T14 7.615zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.144 19.468q-.76-.763-.76-1.852h-.769q-.666 0-1.14-.475Q2 16.666 2 16v-5h11V7.616q0-.667.475-1.141T14.615 6H16.5v-.5q0-.343.232-.575t.576-.233h.384q.344 0 .576.233t.232.575V6h.608q.525 0 .949.302q.424.301.585.804l1.283 3.798q.044.133.06.258q.015.125.015.26v6.194h-2.384q0 1.09-.765 1.852t-1.855.763t-1.852-.763t-.76-1.852H9.616q0 1.096-.765 1.855q-.764.76-1.856.76q-1.091 0-1.85-.763m3-.707q.47-.47.47-1.136t-.47-1.145T7 16t-1.145.48t-.47 1.145t.47 1.136T7 19.23t1.145-.47m10 0q.47-.47.47-1.136t-.47-1.145T17 16t-1.145.48t-.47 1.145t.47 1.136t1.145.47t1.145-.47M14 11h6.9l-1.196-3.577q-.058-.192-.221-.308Q19.319 7 19.108 7h-4.492q-.27 0-.443.173T14 7.615zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134z"/></svg> </template>
CSS
.icon-fire-truck {
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%22M5.144%2019.468q-.76-.763-.76-1.852h-.769q-.666%200-1.14-.475Q2%2016.666%202%2016v-5h11V7.616q0-.667.475-1.141T14.615%206H16.5v-.5q0-.343.232-.575t.576-.233h.384q.344%200%20.576.233t.232.575V6h.608q.525%200%20.949.302q.424.301.585.804l1.283%203.798q.044.133.06.258q.015.125.015.26v6.194h-2.384q0%201.09-.765%201.852t-1.855.763t-1.852-.763t-.76-1.852H9.616q0%201.096-.765%201.855q-.764.76-1.856.76q-1.091%200-1.85-.763m3-.707q.47-.47.47-1.136t-.47-1.145T7%2016t-1.145.48t-.47%201.145t.47%201.136T7%2019.23t1.145-.47m10%200q.47-.47.47-1.136t-.47-1.145T17%2016t-1.145.48t-.47%201.145t.47%201.136t1.145.47t1.145-.47M14%2011h6.9l-1.196-3.577q-.058-.192-.221-.308Q19.319%207%2019.108%207h-4.492q-.27%200-.443.173T14%207.615zM2%2010v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25%200H9.5v-2.23H7.134z%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%22M5.144%2019.468q-.76-.763-.76-1.852h-.769q-.666%200-1.14-.475Q2%2016.666%202%2016v-5h11V7.616q0-.667.475-1.141T14.615%206H16.5v-.5q0-.343.232-.575t.576-.233h.384q.344%200%20.576.233t.232.575V6h.608q.525%200%20.949.302q.424.301.585.804l1.283%203.798q.044.133.06.258q.015.125.015.26v6.194h-2.384q0%201.09-.765%201.852t-1.855.763t-1.852-.763t-.76-1.852H9.616q0%201.096-.765%201.855q-.764.76-1.856.76q-1.091%200-1.85-.763m3-.707q.47-.47.47-1.136t-.47-1.145T7%2016t-1.145.48t-.47%201.145t.47%201.136T7%2019.23t1.145-.47m10%200q.47-.47.47-1.136t-.47-1.145T17%2016t-1.145.48t-.47%201.145t.47%201.136t1.145.47t1.145-.47M14%2011h6.9l-1.196-3.577q-.058-.192-.221-.308Q19.319%207%2019.108%207h-4.492q-.27%200-.443.173T14%207.615zM2%2010v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25%200H9.5v-2.23H7.134z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/fire-truck.svg?color=%231a73e8&size=48
