fire truck icon
fire-truck-outline-sharp from Material Symbols Light by Google · Outline Sharp · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- fire-truck-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- 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.471q-.76-.76-.76-1.855H2V11h11V6h3.5V4.692h2V6h1.764L22 11.148v6.468h-2.384q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76t-.76-1.855H9.616q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76m3.001-.71q.47-.47.47-1.145q0-.656-.47-1.136T7 16t-1.145.48t-.47 1.135q0 .676.47 1.146T7 19.23t1.145-.47m10 0q.47-.47.47-1.145q0-.656-.47-1.136T17 16t-1.145.48t-.47 1.135q0 .676.47 1.146t1.145.47t1.145-.47M3 12v4.616h1.64q.272-.725.914-1.17Q6.196 15 7 15t1.446.445t.913 1.17H13V12zm11 4.616h.64q.271-.725.914-1.17Q16.196 15 17 15t1.446.445t.913 1.17H21V12h-7zM14 11h6.9l-1.33-4H14zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134zM13 12H3zm1 0h7z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFireTruckOutlineSharp(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.471q-.76-.76-.76-1.855H2V11h11V6h3.5V4.692h2V6h1.764L22 11.148v6.468h-2.384q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76t-.76-1.855H9.616q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76m3.001-.71q.47-.47.47-1.145q0-.656-.47-1.136T7 16t-1.145.48t-.47 1.135q0 .676.47 1.146T7 19.23t1.145-.47m10 0q.47-.47.47-1.145q0-.656-.47-1.136T17 16t-1.145.48t-.47 1.135q0 .676.47 1.146t1.145.47t1.145-.47M3 12v4.616h1.64q.272-.725.914-1.17Q6.196 15 7 15t1.446.445t.913 1.17H13V12zm11 4.616h.64q.271-.725.914-1.17Q16.196 15 17 15t1.446.445t.913 1.17H21V12h-7zM14 11h6.9l-1.33-4H14zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134zM13 12H3zm1 0h7z"/></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.471q-.76-.76-.76-1.855H2V11h11V6h3.5V4.692h2V6h1.764L22 11.148v6.468h-2.384q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76t-.76-1.855H9.616q0 1.096-.76 1.855q-.76.76-1.856.76t-1.856-.76m3.001-.71q.47-.47.47-1.145q0-.656-.47-1.136T7 16t-1.145.48t-.47 1.135q0 .676.47 1.146T7 19.23t1.145-.47m10 0q.47-.47.47-1.145q0-.656-.47-1.136T17 16t-1.145.48t-.47 1.135q0 .676.47 1.146t1.145.47t1.145-.47M3 12v4.616h1.64q.272-.725.914-1.17Q6.196 15 7 15t1.446.445t.913 1.17H13V12zm11 4.616h.64q.271-.725.914-1.17Q16.196 15 17 15t1.446.445t.913 1.17H21V12h-7zM14 11h6.9l-1.33-4H14zM2 10v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25 0H9.5v-2.23H7.134zM13 12H3zm1 0h7z"/></svg> </template>
CSS
.icon-fire-truck-outline-sharp {
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.471q-.76-.76-.76-1.855H2V11h11V6h3.5V4.692h2V6h1.764L22%2011.148v6.468h-2.384q0%201.096-.76%201.855q-.76.76-1.856.76t-1.856-.76t-.76-1.855H9.616q0%201.096-.76%201.855q-.76.76-1.856.76t-1.856-.76m3.001-.71q.47-.47.47-1.145q0-.656-.47-1.136T7%2016t-1.145.48t-.47%201.135q0%20.676.47%201.146T7%2019.23t1.145-.47m10%200q.47-.47.47-1.145q0-.656-.47-1.136T17%2016t-1.145.48t-.47%201.135q0%20.676.47%201.146t1.145.47t1.145-.47M3%2012v4.616h1.64q.272-.725.914-1.17Q6.196%2015%207%2015t1.446.445t.913%201.17H13V12zm11%204.616h.64q.271-.725.914-1.17Q16.196%2015%2017%2015t1.446.445t.913%201.17H21V12h-7zM14%2011h6.9l-1.33-4H14zM2%2010v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25%200H9.5v-2.23H7.134zM13%2012H3zm1%200h7z%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.471q-.76-.76-.76-1.855H2V11h11V6h3.5V4.692h2V6h1.764L22%2011.148v6.468h-2.384q0%201.096-.76%201.855q-.76.76-1.856.76t-1.856-.76t-.76-1.855H9.616q0%201.096-.76%201.855q-.76.76-1.856.76t-1.856-.76m3.001-.71q.47-.47.47-1.145q0-.656-.47-1.136T7%2016t-1.145.48t-.47%201.135q0%20.676.47%201.146T7%2019.23t1.145-.47m10%200q.47-.47.47-1.145q0-.656-.47-1.136T17%2016t-1.145.48t-.47%201.135q0%20.676.47%201.146t1.145.47t1.145-.47M3%2012v4.616h1.64q.272-.725.914-1.17Q6.196%2015%207%2015t1.446.445t.913%201.17H13V12zm11%204.616h.64q.271-.725.914-1.17Q16.196%2015%2017%2015t1.446.445t.913%201.17H21V12h-7zM14%2011h6.9l-1.33-4H14zM2%2010v-.885h1v-2.23H2V6h9.385v.885h-1v2.23h1V10zm1.885-.885H6.25v-2.23H3.884zm3.25%200H9.5v-2.23H7.134zM13%2012H3zm1%200h7z%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-outline-sharp.svg?color=%231a73e8&size=48
