fire truck icon
fire-truck-outline from Material Symbols Light by Google · Outline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- fire-truck-outline
- Set
- Material Symbols Light
- Style
- Outline
- 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.855h-.769q-.67 0-1.143-.473Q2 16.671 2 16v-5h11V7.616q0-.672.472-1.144T14.616 6H16.5v-.5q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578V6h.608q.534 0 .953.298q.42.298.581.808l1.277 3.8q.05.13.065.255q.016.124.016.26v6.195h-2.385q0 1.096-.76 1.855q-.759.76-1.855.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 12v4q0 .27.173.442q.173.174.443.174H4.64q.27-.725.913-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.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.134zM13 12H3zm1 0h7z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFireTruckOutline(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.855h-.769q-.67 0-1.143-.473Q2 16.671 2 16v-5h11V7.616q0-.672.472-1.144T14.616 6H16.5v-.5q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578V6h.608q.534 0 .953.298q.42.298.581.808l1.277 3.8q.05.13.065.255q.016.124.016.26v6.195h-2.385q0 1.096-.76 1.855q-.759.76-1.855.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 12v4q0 .27.173.442q.173.174.443.174H4.64q.27-.725.913-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.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.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.855h-.769q-.67 0-1.143-.473Q2 16.671 2 16v-5h11V7.616q0-.672.472-1.144T14.616 6H16.5v-.5q0-.348.23-.578t.578-.23h.384q.348 0 .578.23t.23.578V6h.608q.534 0 .953.298q.42.298.581.808l1.277 3.8q.05.13.065.255q.016.124.016.26v6.195h-2.385q0 1.096-.76 1.855q-.759.76-1.855.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 12v4q0 .27.173.442q.173.174.443.174H4.64q.27-.725.913-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.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.134zM13 12H3zm1 0h7z"/></svg> </template>
CSS
.icon-fire-truck-outline {
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.855h-.769q-.67%200-1.143-.473Q2%2016.671%202%2016v-5h11V7.616q0-.672.472-1.144T14.616%206H16.5v-.5q0-.348.23-.578t.578-.23h.384q.348%200%20.578.23t.23.578V6h.608q.534%200%20.953.298q.42.298.581.808l1.277%203.8q.05.13.065.255q.016.124.016.26v6.195h-2.385q0%201.096-.76%201.855q-.759.76-1.855.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%2012v4q0%20.27.173.442q.173.174.443.174H4.64q.27-.725.913-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.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.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.855h-.769q-.67%200-1.143-.473Q2%2016.671%202%2016v-5h11V7.616q0-.672.472-1.144T14.616%206H16.5v-.5q0-.348.23-.578t.578-.23h.384q.348%200%20.578.23t.23.578V6h.608q.534%200%20.953.298q.42.298.581.808l1.277%203.8q.05.13.065.255q.016.124.016.26v6.195h-2.385q0%201.096-.76%201.855q-.759.76-1.855.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%2012v4q0%20.27.173.442q.173.174.443.174H4.64q.27-.725.913-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.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.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.svg?color=%231a73e8&size=48
