Eclipse Flare icon

game-icons:eclipse-flare

The Eclipse Flare icon (game-icons:eclipse-flare) 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: eclipseflare

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="m253.924 31.56l-6.252 41.475c-40.904 1.6-81.38 16.64-114.233 45.137l-81.67-60.63l60.593 82.1c-28.1 33.614-42.45 74.828-43.054 116.206l-47.24 6.984l47.573 7.17c2.384 38.934 16.966 77.26 43.765 108.758l-61.635 83.51l83.33-61.864c32.178 27.257 71.444 41.798 111.19 43.647l7.63 50.635l7.473-50.55c.853-.03 1.707-.052 2.56-.093c-.843-.038-1.683-.09-2.524-.14l16.193-109.53a75.2 75.2 0 0 0 19.445-9.61l44.186 24.788L316.32 305.6a75.3 75.3 0 0 0 9.463-18.72l159.997-24.05l-45.147-6.654c-.54-42.053-15.258-83.957-44.194-117.907l59.556-80.22h-.002l-80.392 59.333C342.312 88.88 301.33 74.08 260.045 72.96l-6.12-41.4zm17.605 74.522c43.267 0 86.536 16.507 119.548 49.52c28.136 28.136 44.273 63.723 48.428 100.41l-113.322-16.705a75.3 75.3 0 0 0-9.565-19.483l24.636-43.424l-43.223 24.522a75.3 75.3 0 0 0-20.603-10.358l-12.47-84.343c2.19-.084 4.38-.138 6.57-.138zm-29.22 2.54l-12.412 82.34a75.3 75.3 0 0 0-19.046 9.69l-42.748-24.254l24.107 42.975a75.3 75.3 0 0 0-9.83 19.76l-78.146 11.553c5.06-34.793 20.974-68.312 47.746-95.084c25.55-25.55 57.246-41.206 90.33-46.98zM102.462 274.948l80.318 12.105a75.3 75.3 0 0 0 9.796 19.09l-24.826 43.76l43.963-24.942a75.3 75.3 0 0 0 17.988 9.012l16.325 108.306c-34.42-5.222-67.54-21.073-94.045-47.58c-33.063-33.062-49.568-76.415-49.517-119.75z"/></svg>

How to use the Eclipse Flare icon

React

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

<Icon icon="game-icons:eclipse-flare" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:eclipse-flare" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:eclipse-flare" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:eclipse-flare"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/eclipse-flare.svg" alt="Eclipse Flare icon" width="24" height="24">

Related icons in Game Icons

Eclipse Flare icon FAQ

Is the Eclipse Flare 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 Eclipse Flare icon in React?

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

How do I add the Eclipse Flare icon to a web page?

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

Browse all Game Icons →