Fire icon

simple-line-icons:fire

The Fire icon (simple-line-icons:fire) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line 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: Simple line icons
Author: Sabbir Ahmed
License: MIT
Size: 1024 × 1024

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M508.416 1023.28c-241.248 0-412.369-167.28-412.369-397.777c0-122.368 73.376-254.192 76.496-259.712c6.368-11.343 18.88-17.504 31.936-16.063a32.05 32.05 0 0 1 26.88 23.567c.192.752 19.968 74.752 46.064 115.84c17.536 27.649 35.312 47.185 55.312 60.753c-13.536-58.656-23.904-146.912-7.024-237.472C372.047 63.84 567.695 4.368 576.08 1.968c10.784-3.088 22.225-.32 30.433 7.151c8.192 7.504 11.936 18.752 9.808 29.665c-.32 1.744-32.624 175.776 35.936 324.064c6.223 13.471 14.912 29.12 24.256 44.784c2.656-21.504 6.784-44.368 13.12-66.56c25.152-87.969 90.192-118 92.944-119.217c10.848-4.944 23.504-3.312 32.88 4.032a32.06 32.06 0 0 1 11.68 31.007c-.336 2.16-9.409 62.033 41.536 146.944c46 76.672 59.28 126.368 59.28 221.681c0 230.48-176.432 397.761-419.536 397.761zm-312.721-555.6c-17.568 44.304-35.665 103.246-35.665 157.806c0 193.408 144.192 333.776 348.368 333.776c206 0 355.536-140.368 355.536-333.776c0-83.536-10.32-122.32-50.16-188.752c-26.624-44.368-39.777-84.256-46.065-116c-6.336 10.256-12.223 22.784-16.527 37.872c-19.504 68.193-14.592 147.937-14.527 148.753c.944 14.273-7.744 27.473-21.248 32.257s-28.529.064-36.817-11.663c-2.4-3.408-59.312-83.968-84.4-138.24c-52.096-112.592-51.216-234.336-45.904-304.464c-52.72 30.72-133.664 99.344-159.664 238.912c-25.312 135.808 23.872 271.6 24.4 272.943c4.256 11.088 2 23.664-5.808 32.592c-7.84 8.88-19.904 12.815-31.536 10.03c-3.967-.975-94.032-24.399-152.336-116.286c-10.416-16.464-19.76-36.384-27.647-55.76"/></svg>

How to use the Fire icon

React

import { Icon } from "@iconify/react";

<Icon icon="simple-line-icons:fire" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-line-icons:fire" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-line-icons:fire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--fire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:fire"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-line-icons:fire"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-line-icons/fire.svg" alt="Fire icon" width="24" height="24">

Fire icon in other icon sets

Fire icon FAQ

Is the Fire icon free for commercial use?

Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Fire icon in React?

Install @iconify/react and render <Icon icon="simple-line-icons:fire" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fire icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/fire.svg" alt="Fire icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple line icons →