fire extinguisher icon
fire-extinguisher from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- fire-extinguisher
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- fire-extinguisher-solid
The same icon in other sets
fire-extinguisherFont Awesome 6 Solidfire-extinguisherFont Awesome Solidfire-extinguisherFluent Emojifire-extinguisherFluent Emoji Flatfire-extinguisherFluent Emoji High Contrastfire-extinguisherHuge Iconsfire-extinguisherIconParkfire-extinguisherIconPark Outlinefire-extinguisherIconPark Solidfire-extinguisherIconPark TwoTonefire-extinguisherLucidefire-extinguisherMaterial Symbolsfire-extinguisherMaterial Symbols Lightfire-extinguisherMaterial Design Iconsfire-extinguisherMyna UI Iconsfire-extinguisherNoto Emojifire-extinguisherOpenMojifire-extinguisherPhosphorfire-extinguisherTabler Iconsfire-extinguisherTwitter Emoji
More objects icons from Line Awesome
Use the fire extinguisher icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.293 0-2.395.844-2.813 2H12c-2.746 0-5 2.254-5 5h2a3 3 0 0 1 3-3h1v2.469c-.32.238-.734.578-1.219 1.062C10.953 12.36 10 13.5 10 15v13h12V15c0-1.5-.953-2.64-1.781-3.469A11 11 0 0 0 19 10.47v-.281l4.844.812l1.156.188V4.811L23.844 5l-5.094.844C18.293 4.77 17.234 4 16 4m0 2c.555 0 1 .445 1 1v3h-2V7c0-.555.445-1 1-1m7 1.188v1.625l-4-.688v-.25zM14.375 12h3.25c.152.105.578.39 1.156.969C19.453 13.64 20 14.5 20 15v11h-8V15c0-.5.547-1.36 1.219-2.031c.578-.578 1.004-.864 1.156-.969M14 17v2h4v-2z"/></svg>
React
import type { SVGProps } from "react";
export function LaFireExtinguisher(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.293 0-2.395.844-2.813 2H12c-2.746 0-5 2.254-5 5h2a3 3 0 0 1 3-3h1v2.469c-.32.238-.734.578-1.219 1.062C10.953 12.36 10 13.5 10 15v13h12V15c0-1.5-.953-2.64-1.781-3.469A11 11 0 0 0 19 10.47v-.281l4.844.812l1.156.188V4.811L23.844 5l-5.094.844C18.293 4.77 17.234 4 16 4m0 2c.555 0 1 .445 1 1v3h-2V7c0-.555.445-1 1-1m7 1.188v1.625l-4-.688v-.25zM14.375 12h3.25c.152.105.578.39 1.156.969C19.453 13.64 20 14.5 20 15v11h-8V15c0-.5.547-1.36 1.219-2.031c.578-.578 1.004-.864 1.156-.969M14 17v2h4v-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-1.293 0-2.395.844-2.813 2H12c-2.746 0-5 2.254-5 5h2a3 3 0 0 1 3-3h1v2.469c-.32.238-.734.578-1.219 1.062C10.953 12.36 10 13.5 10 15v13h12V15c0-1.5-.953-2.64-1.781-3.469A11 11 0 0 0 19 10.47v-.281l4.844.812l1.156.188V4.811L23.844 5l-5.094.844C18.293 4.77 17.234 4 16 4m0 2c.555 0 1 .445 1 1v3h-2V7c0-.555.445-1 1-1m7 1.188v1.625l-4-.688v-.25zM14.375 12h3.25c.152.105.578.39 1.156.969C19.453 13.64 20 14.5 20 15v11h-8V15c0-.5.547-1.36 1.219-2.031c.578-.578 1.004-.864 1.156-.969M14 17v2h4v-2z"/></svg> </template>
CSS
.icon-fire-extinguisher {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-1.293%200-2.395.844-2.813%202H12c-2.746%200-5%202.254-5%205h2a3%203%200%200%201%203-3h1v2.469c-.32.238-.734.578-1.219%201.062C10.953%2012.36%2010%2013.5%2010%2015v13h12V15c0-1.5-.953-2.64-1.781-3.469A11%2011%200%200%200%2019%2010.47v-.281l4.844.812l1.156.188V4.811L23.844%205l-5.094.844C18.293%204.77%2017.234%204%2016%204m0%202c.555%200%201%20.445%201%201v3h-2V7c0-.555.445-1%201-1m7%201.188v1.625l-4-.688v-.25zM14.375%2012h3.25c.152.105.578.39%201.156.969C19.453%2013.64%2020%2014.5%2020%2015v11h-8V15c0-.5.547-1.36%201.219-2.031c.578-.578%201.004-.864%201.156-.969M14%2017v2h4v-2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%204c-1.293%200-2.395.844-2.813%202H12c-2.746%200-5%202.254-5%205h2a3%203%200%200%201%203-3h1v2.469c-.32.238-.734.578-1.219%201.062C10.953%2012.36%2010%2013.5%2010%2015v13h12V15c0-1.5-.953-2.64-1.781-3.469A11%2011%200%200%200%2019%2010.47v-.281l4.844.812l1.156.188V4.811L23.844%205l-5.094.844C18.293%204.77%2017.234%204%2016%204m0%202c.555%200%201%20.445%201%201v3h-2V7c0-.555.445-1%201-1m7%201.188v1.625l-4-.688v-.25zM14.375%2012h3.25c.152.105.578.39%201.156.969C19.453%2013.64%2020%2014.5%2020%2015v11h-8V15c0-.5.547-1.36%201.219-2.031c.578-.578%201.004-.864%201.156-.969M14%2017v2h4v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/fire-extinguisher.svg?color=%231a73e8&size=48
