Fire Flower icon

game-icons:fire-flower

The Fire Flower icon (game-icons:fire-flower) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: fireflower

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 56.998c-60.466 0-115.104 14.12-153.928 36.305S40.998 144.909 40.998 176c0 31.09 22.25 60.512 61.074 82.697S195.534 295.002 256 295.002s115.104-14.12 153.928-36.305s61.074-51.606 61.074-82.697c0-31.09-22.25-60.512-61.074-82.697S316.466 56.998 256 56.998m0 33.273c39.141 0 74.677 8.783 101.137 23.624s44.666 36.581 44.666 62.105s-18.206 47.265-44.666 62.105C330.677 252.946 295.14 261.73 256 261.73s-74.677-8.783-101.137-23.624s-44.666-36.581-44.666-62.105s18.206-47.265 44.666-62.105C181.323 99.054 216.86 90.27 256 90.27zm0 17.999c-36.413 0-69.279 8.392-92.332 21.322S128.195 159.147 128.195 176s12.42 33.478 35.473 46.408S219.587 243.73 256 243.73s69.279-8.392 92.332-21.322s35.473-29.555 35.473-46.408s-12.42-33.478-35.473-46.408S292.413 108.27 256 108.27m-24.893 203.96L217.21 487.697c1.473.733 4.15 1.72 7.744 2.518c7.967 1.77 19.547 2.787 31.047 2.787s23.08-1.017 31.047-2.787c3.594-.799 6.271-1.785 7.744-2.518L280.893 312.23c-8.18.503-16.483.768-24.893.768s-16.712-.265-24.893-.768M85.98 375.69c-3.933-.008-7.93.17-11.96.455c4.054 18.088 20.652 40.868 45.602 60.828c22.32 17.855 50.7 33.446 80.135 43.16l4.305-54.36c-27.353-23.927-66.527-48.286-114.172-50.011q-1.945-.07-3.91-.073zm340.042 0q-1.965.002-3.91.072c-47.645 1.725-86.82 26.084-114.172 50.011l4.305 54.36c29.434-9.714 57.816-25.305 80.135-43.16c24.95-19.96 41.548-42.74 45.601-60.828c-4.03-.284-8.026-.463-11.959-.456z"/></svg>

How to use the Fire Flower icon

React

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

<Icon icon="game-icons:fire-flower" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:fire-flower" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:fire-flower" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:fire-flower"></iconify-icon>

HTML image

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

Related icons in Game Icons

Fire Flower icon FAQ

Is the Fire Flower icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Fire Flower icon in React?

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

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

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

Browse all Game Icons →