fire extinguisher icon

fire-extinguisher from Font Awesome 6 Solid by Dave Gandy · Regular · Code · CC-BY-4.0 Attribution required.

Name
fire-extinguisher
Set
Font Awesome 6 Solid
Style
Regular
Category
Code
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

fire-extinguisherFont Awesome Solidfire-extinguisherFluent Emojifire-extinguisherFluent Emoji Flatfire-extinguisherFluent Emoji High Contrastfire-extinguisherHuge Iconsfire-extinguisherIconParkfire-extinguisherIconPark Outlinefire-extinguisherIconPark Solidfire-extinguisherIconPark TwoTonefire-extinguisherLine Awesomefire-extinguisherLucidefire-extinguisherMaterial Symbolsfire-extinguisherMaterial Symbols Lightfire-extinguisherMaterial Design Iconsfire-extinguisherMyna UI Iconsfire-extinguisherNoto Emojifire-extinguisherOpenMojifire-extinguisherPhosphorfire-extinguisherTabler Iconsfire-extinguisherTwitter Emoji

More code icons from Font Awesome 6 Solid

barcodebugcodecode-branchfile-codefile-csvfilterkeyboardlaptop-codemicrochipqrcodeterminaluser-secretwindow-maximizewindow-minimizewindow-restorefire-burnerfire-flame-curvedfire-flame-simple

Use the fire extinguisher icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v96c0 9.6-4.3 18.7-11.7 24.7s-17.2 8.5-26.6 6.6l-160-32c-12.2-2.4-21.7-11.6-24.7-23.3h-65v34.8c37.8 18 64 56.5 64 101.2v144H64V240c0-44.7 26.2-83.2 64-101.2V110c-36.2 11.1-66 36.9-82.3 70.5c-5.8 11.9-20.2 16.9-32.1 11.1s-16.9-20.2-11.1-32.1C26.7 109.8 72.7 72.6 128 60.4V32c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v24h65c3-11.7 12.5-20.9 24.7-23.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM288 416v32c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-32zM176 96a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFireExtinguisher(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v96c0 9.6-4.3 18.7-11.7 24.7s-17.2 8.5-26.6 6.6l-160-32c-12.2-2.4-21.7-11.6-24.7-23.3h-65v34.8c37.8 18 64 56.5 64 101.2v144H64V240c0-44.7 26.2-83.2 64-101.2V110c-36.2 11.1-66 36.9-82.3 70.5c-5.8 11.9-20.2 16.9-32.1 11.1s-16.9-20.2-11.1-32.1C26.7 109.8 72.7 72.6 128 60.4V32c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v24h65c3-11.7 12.5-20.9 24.7-23.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM288 416v32c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-32zM176 96a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M500.3 7.3c7.4 6 11.7 15.1 11.7 24.7v96c0 9.6-4.3 18.7-11.7 24.7s-17.2 8.5-26.6 6.6l-160-32c-12.2-2.4-21.7-11.6-24.7-23.3h-65v34.8c37.8 18 64 56.5 64 101.2v144H64V240c0-44.7 26.2-83.2 64-101.2V110c-36.2 11.1-66 36.9-82.3 70.5c-5.8 11.9-20.2 16.9-32.1 11.1s-16.9-20.2-11.1-32.1C26.7 109.8 72.7 72.6 128 60.4V32c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v24h65c3-11.7 12.5-20.9 24.7-23.4l160-32c9.4-1.9 19.1.6 26.6 6.6zM288 416v32c0 35.3-28.7 64-64 64h-96c-35.3 0-64-28.7-64-64v-32zM176 96a16 16 0 1 0 0-32a16 16 0 1 0 0 32"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M500.3%207.3c7.4%206%2011.7%2015.1%2011.7%2024.7v96c0%209.6-4.3%2018.7-11.7%2024.7s-17.2%208.5-26.6%206.6l-160-32c-12.2-2.4-21.7-11.6-24.7-23.3h-65v34.8c37.8%2018%2064%2056.5%2064%20101.2v144H64V240c0-44.7%2026.2-83.2%2064-101.2V110c-36.2%2011.1-66%2036.9-82.3%2070.5c-5.8%2011.9-20.2%2016.9-32.1%2011.1s-16.9-20.2-11.1-32.1C26.7%20109.8%2072.7%2072.6%20128%2060.4V32c0-17.7%2014.3-32%2032-32h32c17.7%200%2032%2014.3%2032%2032v24h65c3-11.7%2012.5-20.9%2024.7-23.4l160-32c9.4-1.9%2019.1.6%2026.6%206.6zM288%20416v32c0%2035.3-28.7%2064-64%2064h-96c-35.3%200-64-28.7-64-64v-32zM176%2096a16%2016%200%201%200%200-32a16%2016%200%201%200%200%2032%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M500.3%207.3c7.4%206%2011.7%2015.1%2011.7%2024.7v96c0%209.6-4.3%2018.7-11.7%2024.7s-17.2%208.5-26.6%206.6l-160-32c-12.2-2.4-21.7-11.6-24.7-23.3h-65v34.8c37.8%2018%2064%2056.5%2064%20101.2v144H64V240c0-44.7%2026.2-83.2%2064-101.2V110c-36.2%2011.1-66%2036.9-82.3%2070.5c-5.8%2011.9-20.2%2016.9-32.1%2011.1s-16.9-20.2-11.1-32.1C26.7%20109.8%2072.7%2072.6%20128%2060.4V32c0-17.7%2014.3-32%2032-32h32c17.7%200%2032%2014.3%2032%2032v24h65c3-11.7%2012.5-20.9%2024.7-23.4l160-32c9.4-1.9%2019.1.6%2026.6%206.6zM288%20416v32c0%2035.3-28.7%2064-64%2064h-96c-35.3%200-64-28.7-64-64v-32zM176%2096a16%2016%200%201%200%200-32a16%2016%200%201%200%200%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/fire-extinguisher.svg?color=%231a73e8&size=48