Firefighter icon
fluent-emoji-flat:firefighter
The Firefighter icon (fluent-emoji-flat:firefighter) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji Flat
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Category
- People & Body
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#990838" d="M23.5 8H8.65c-.39.32-.77.64-1.15.96V11c0 4.69 3.81 8.5 8.5 8.5s8.5-3.81 8.5-8.5V9.31c-.35-.42-.68-.86-1-1.31"/><path fill="#f92f60" d="M16.005 15.5a10.98 10.98 0 0 0-8.05 3.5c-.82.878-.955 3-.955 3s-1 2.396-1 4v3l2 1h16l2-1v-3c0-1.604-1-4-1-4s-.16-2.163-1-3.053a10.96 10.96 0 0 0-7.995-3.447"/><path fill="#990838" d="M17.358 19.5h-2.865c-1.07 0-1.943-.851-1.943-1.893V16h6.75v1.607c0 1.052-.873 1.893-1.942 1.893"/><path fill="#ca0b4a" d="M14.75 16v2.537c0 .45.317.824.75.932V26h1v-6.5h1.028c1.086 0 1.972-.849 1.972-1.888V16zM9 18c-2.43 2.03-4.01 5.09-4 8.5V30h4zm14 0v12h4v-3.5c0-3.41-1.55-6.48-4-8.5"/><path fill="#fcd53f" d="M23 26H9v4h14z"/><path fill="#f1a11e" d="M21.25 5.29c-.3-.52.23-.88-.29-1.06a2.56 2.56 0 0 1-1.38-1.08C19.16 2.46 18.4 3 17.54 3c-.33 0-.65-.93-.93-.81c-.39.17-.83.17-1.22 0c-.29-.12-.6.81-.93.81c-.85 0-1.6-.56-2.02.11c-.33.52-.82.92-1.41 1.12c-.55.19-.74 1.42-1.03 1.97c-.43.8-.63.92-.14 1.63c.17.26.27.57.27.88v4.17c0 .93.59 1.75 1.47 2.06l1.89.65V8.17c.15-.14.27-.31.38-.5c.17-.29.27-.61.3-.92a2.32 2.32 0 0 0 1.82-.55c.42.35.95.57 1.54.57c.1 0 .19-.01.28-.02a2.37 2.37 0 0 0 .68 1.42v7.43l1.89-.65c.88-.3 1.47-1.13 1.47-2.06V8.72c0-.31.1-.62.28-.88c.52-.74-.41-1.73-.88-2.55"/><path fill="#fdbb11" d="M12.77 10.59a1.67 1.67 0 1 1-3.34 0a1.67 1.67 0 0 1 3.34 0m9.79 0a1.67 1.67 0 1 1-3.34 0a1.67 1.67 0 0 1 3.34 0"/><path fill="#ffc83d" d="M10.75 8.188C10.825 6.418 12.334 5 14.178 5h1.307c.282 0 .523.166.634.41c.402.868 1.298 1.414 2.273 1.414h1.44c.804.04 1.438.693 1.418 1.483l-.012.503l-.31 4.834C20.656 15.566 18.976 17 16.974 17h-1.911c-1.992 0-3.682-1.434-3.944-3.356z"/><path fill="#990839" d="M16 13.706c-.55 0-1.07-.14-1.508-.385c-.153-.085-.306.096-.214.246c.367.587.999.982 1.722.982c.724 0 1.356-.395 1.723-.982c.092-.15-.071-.32-.214-.246a3.1 3.1 0 0 1-1.509.385"/><path fill="#fff" d="M12.18 10.28c.15-.62.71-1.08 1.38-1.08c.7 0 1.27.49 1.4 1.15a.23.23 0 0 1-.23.28h-2.28c-.18 0-.32-.18-.27-.35m7.65 0c-.15-.62-.71-1.08-1.38-1.08c-.7 0-1.27.49-1.4 1.15c-.03.15.08.28.23.28h2.28c.18 0 .31-.17.27-.35"/><path fill="#7d4533" d="M12.86 10.39c0-.5.41-.91.91-.91a.9.9 0 0 1 .91.91q0 .12-.03.24h-1.76a1 1 0 0 1-.03-.24m6.29 0c0-.5-.41-.91-.91-.91c-.51 0-.91.41-.91.91q0 .12.03.24h1.76q.03-.12.03-.24"/><path fill="#000" d="M13.77 9.87a.516.516 0 0 1 .46.76h-.92a.516.516 0 0 1 .46-.76m4.47 0a.516.516 0 0 0-.46.76h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path fill="#fff" d="M13.62 10.02a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0m4.5 0a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0"/><path fill="#ed9200" d="m15.654 10.29l-.496 1.738c-.103.356.14.722.487.722h.73c.345 0 .589-.366.486-.722l-.496-1.738c-.103-.387-.599-.387-.71 0"/><path fill="#d37034" d="M12.345 8.427a.274.274 0 0 0 .33-.01a2.23 2.23 0 0 1 1.5-.354a.267.267 0 0 0 .3-.24a.274.274 0 0 0-.24-.3a2.7 2.7 0 0 0-1.9.465a.274.274 0 0 0 .01.439m7.001-.005a.275.275 0 0 0 .327.005a.273.273 0 0 0 .01-.438a2.73 2.73 0 0 0-1.9-.466a.274.274 0 0 0 .063.544a2.22 2.22 0 0 1 1.5.355"/><path fill="#f92f60" d="M22.5 7v-.02C22.5 4.23 20.263 2 17.505 2h-3.01C11.737 2 9.5 4.23 9.5 6.98V7a2 2 0 0 0-2 2v1.68C7.5 9.2 8.69 8 10.17 8h11.65c1.48 0 2.68 1.2 2.68 2.68V9a2 2 0 0 0-2-2"/><path fill="#321b41" d="M18.75 7h-5.5V5.694C13.25 4.205 14.48 3 16 3s2.75 1.205 2.75 2.694z"/><path fill="#f9c23c" d="M15.347 6.24a1.8 1.8 0 0 1-.597-1.328V4.79c0-.165.214-.237.338-.124l.101.093c.124.113.338.03.338-.124c0-.39.225-.762.597-.967l.259-.144c.113-.062.259.01.259.133v1.205c0 .206.27.298.417.164c.067-.061.191-.02.191.072v.247c0 .35-.158.68-.45.906a1.12 1.12 0 0 1-.721.247h-.023a.96.96 0 0 1-.71-.257"/><path fill="#6d4534" d="m24 16.38l-1.35-.36a.5.5 0 0 0-.61.35L18.38 30h2.49l3.49-13.01a.52.52 0 0 0-.36-.61"/><path fill="#9b9b9b" d="m21.39 16.96l4.21 1.13c.41.107.837.139 1.255.092L28 18.5v-.41l1 1.41c.24 1.07-.09.96-.5 2.5s-.953 2.432-1.751 2.862c-.08.02-.369.07-.419 0L26 24.5c-.153-.177-.534-.116-.718-.255a3.4 3.4 0 0 0-1.162-.565l-4.21-1.13c-.24-.06-.39-.29-.33-.51l1.29-4.81c.04-.21.28-.33.52-.27"/><path fill="#d3d3d3" d="M28.3 21.81c.38-1.43-.25-2.89-1.45-3.62c.24-.03.49-.08.72-.16l.45-.15c.08-.03.17-.01.24.06a4.35 4.35 0 0 1 1.09 4.16a4.34 4.34 0 0 1-3.02 3.06c-.08.02-.18 0-.23-.07l-.31-.36a3.6 3.6 0 0 0-.54-.5c1.39-.04 2.67-1 3.05-2.42"/></g></svg>How to use the Firefighter icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:firefighter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:firefighter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:firefighter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--firefighter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:firefighter"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:firefighter"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/firefighter.svg" alt="Firefighter icon" width="24" height="24">Related icons in Fluent Emoji Flat
Firefighter icon in other icon sets
Firefighter icon FAQ
Is the Firefighter icon free for commercial use?
Yes. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Firefighter icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-flat:firefighter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Firefighter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/firefighter.svg" alt="Firefighter icon">, or paste the SVG code inline to style it with CSS.