Candle Flame icon
game-icons:candle-flame
The Candle Flame icon (game-icons:candle-flame) 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
- candleflame
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M334.656 17.125c-39.668 10.85-74.78 27.46-100.75 51.97c-.7-12.52-4.5-25.147-13.28-38.032c-.99 44.914-50.315 103.934-30.5 153.53c.003.01-.005.023 0 .032c7.68 30.364 37.266 53.535 65.468 58.313c-2.05-19.67-7.09-37.707-14.47-54.72l17.157-7.437c8.366 19.287 13.92 39.993 16 62.47c23.252-3.66 41.33-23.623 38.283-67.594c-3.658-52.788-.63-114.802 22.093-158.53zM209.53 258.72c-31.372.18-59.653 7.37-81.81 19.936c-22.914 12.996-39.443 32.518-44.376 55.5c-2.557 8.937-4.03 19.326-4.03 30.406c0 32.55 12.64 59.1 28.5 60.532V489.5h301.155v-18.47c1.204.15 2.44.22 3.686.22c16.484 0 29.844-13.362 29.844-29.844c0-15.464-11.78-28.173-26.844-29.687c-2.632-46.515-15.848-80.1-41.875-103.47c-23.49-21.094-56.093-33.432-98.592-41.78c-.3 21.733-3.715 45.06-10.75 70.28l-18.032-5.03c7.006-25.113 10.208-47.738 10.22-68.533a731 731 0 0 0-14.813-2.25c-11.03-1.55-21.824-2.28-32.282-2.218zm-103.186 79.186h18.687c0 5.588 2.556 11.307 8.69 17.5c6.13 6.194 15.744 12.395 28.06 17.656c24.636 10.524 59.83 17.375 98.75 17.375c49.15 0 92.438-11.197 115.845-26.312l10.125 15.72c-28.443 18.366-74.097 29.28-125.97 29.28c-41.077 0-78.3-7.003-106.092-18.875c-13.897-5.936-25.473-13.075-34-21.688s-14.094-19.157-14.094-30.656z"/></svg>How to use the Candle Flame icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:candle-flame" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:candle-flame" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:candle-flame" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--candle-flame]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:candle-flame"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:candle-flame"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/candle-flame.svg" alt="Candle Flame icon" width="24" height="24">Related icons in Game Icons
Candle Flame icon FAQ
Is the Candle Flame 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 Candle Flame icon in React?
Install @iconify/react and render <Icon icon="game-icons:candle-flame" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Candle Flame icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/candle-flame.svg" alt="Candle Flame icon">, or paste the SVG code inline to style it with CSS.