Home/Libraries/Freehand free icons (Iconify)/safety-fire-extinguisher

Freehand free icons (Iconify)

SafetyFireExtinguisher

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.081 18.644c-.82 0-1.65 0-2.489.1c-.6.08-1.199.11-1.799.21l-.51.07a.44.44 0 0 0 0 .719q.29-.04.58-.05c.6 0 1.19.06 1.79.08H8.09c.81 0 1.53-.08 2.449-.14c.45 0 .43-.69.1-.81c-.96-.08-1.62-.17-2.559-.18"/><path d="M23.943 4.22a1.9 1.9 0 0 0-1-.469a27 27 0 0 0-2.678-.45a9.2 9.2 0 0 0-2 0a1 1 0 0 0-.789.56c-.066.386-.083.78-.05 1.17a15 15 0 0 0 0 1.569c.1 1.219.19 2.708.3 3.848c.17 1.709.27 1.919.74 1.999q.524.045 1.05 0a4.6 4.6 0 0 1-1.32 3.678a2.53 2.53 0 0 1-1.999.72a1.78 1.78 0 0 1-1.52-1.12a5 5 0 0 1-.34-1.42a6.7 6.7 0 0 1 0-1.488c.28-2.1 1.24-4.178 1.51-6.307a8 8 0 0 0-.16-2.949a3.57 3.57 0 0 0-2.668-2.379a4.8 4.8 0 0 0-2.909.19q.015-.135 0-.27a1 1 0 0 0-.4-.67a.93.93 0 0 0-.46-.14a2.7 2.7 0 0 0-.59 0l-1.418.3a5.4 5.4 0 0 0-1.34.44c-.55 0-1.17-.19-1.879-.27a8 8 0 0 0-.83-.06h-.869a7.8 7.8 0 0 0-2.059.43a.35.35 0 0 0-.24.47a.35.35 0 0 0 .43.23q.964-.09 1.929 0c.44 0 .89.05 1.34 0s1.069-.06 1.539-.1c-.46.22-1 .47-1.44.75a9 9 0 0 0-.8.55c-.27.19-.53.38-.759.57a15 15 0 0 0-1.7 1.568a.36.36 0 0 0 0 .49a.36.36 0 0 0 .49 0c.24-.2 1-.61 1.89-1.16c.4-.25.84-.529 1.25-.839c.409-.31.769-.63 1.119-.92l.1.36c.11.5.21.9.28 1.32c0 .19 0 .39.07.6l-.28.13a6.17 6.17 0 0 0-2.46 2.788q-.12.31-.21.63c-.08.3-.13.6-.19.9a11 11 0 0 0-.209 1.558c-.07 1.18 0 2.35-.07 3.549v5.077c0 .61-.09 1.22-.1 1.819q-.02.633.08 1.26a.34.34 0 0 0 .39.29a.36.36 0 0 0 .29-.39a5.5 5.5 0 0 1-.05-1.14c0-.57.26-5.137.32-6.857c.004-1.672.127-3.342.37-4.997c.06-.27.12-.55.2-.82q.075-.235.18-.46A5 5 0 0 1 5.651 6.36a2.55 2.55 0 0 1 2.2-.54q.218.087.419.21q.236.117.45.27l.52.38a2.8 2.8 0 0 1 .43.41c.338.407.596.875.759 1.379c.68 1.999.79 6.666.79 6.736a48 48 0 0 1-.33 6.857q-.03.28-.11.55c-.18.57-.28.3-.55.3H8.65c-1.109 0-2.578 0-3.917.07c-.6 0-1.18 0-1.69.08a.3.3 0 0 0-.264.203a.3.3 0 0 0 .305.396h1.659c1.34 0 2.808.05 3.918.05h1.569q.255.024.51 0a.73.73 0 0 0 .41-.17a1.46 1.46 0 0 0 .39-.56q.15-.394.22-.81c.07-.37.12-.729.16-1.089a47 47 0 0 0 .389-5.937a36 36 0 0 0-.24-4.327a15 15 0 0 0-.54-2.77a5.3 5.3 0 0 0-1-1.748a4 4 0 0 0-.459-.46c-.2-.17-.42-.32-.63-.47a.35.35 0 0 0 .1-.21l.52-3.088a4 4 0 0 1 2.779-.17a2.71 2.71 0 0 1 1.999 1.85a7.2 7.2 0 0 1 0 2.578c-.33 2.119-1.28 4.198-1.58 6.297a7.4 7.4 0 0 0 0 1.759c.068.598.23 1.181.48 1.729a2.76 2.76 0 0 0 2.439 1.669a3.46 3.46 0 0 0 2.649-1.09a5.42 5.42 0 0 0 1.389-4.297h.71a1.1 1.1 0 0 0 .4-.1a1.1 1.1 0 0 0 .44-.49q.226-.506.339-1.05l1.08-3.298c.19-.56.61-1.949.769-2.559a1.14 1.14 0 0 0-.01-.68m-15.062.81h-.11a3.7 3.7 0 0 0-.66-.25a3.1 3.1 0 0 0-1.709 0v-.44c0-.439-.06-.859-.11-1.389s-.48-.78.4-1.049c.29-.09.61-.15.83-.2l1.299-.22l.2-.06c0 .17.11.46.1.58zm13.303 2.15l-.88 3.408q-.07.415-.19.82c0 .11-.07.23-.16.279h-.6c-.489 0-1.298.15-1.708.14a11 11 0 0 1-.13-1.44c-.05-1.139-.07-2.628-.11-3.857V5.07c.09-1.309-.13-.78 1.789-.63q1.295.165 2.569.46c-.12.66-.43 1.79-.58 2.28"/><path d="M7.401 10.288H6.152c-.85 0-1.4.08-2.239.06c-.45.06-.52.62-.12.72a19 19 0 0 0 2.899.36H8.44c.58 0 .82-.11 1.4-.13l.549-.06c.36-.07.34-.74-.1-.8h-.42c-.93-.09-1.519-.12-2.469-.15"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SafetyFireExtinguisherIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.