Cross Flare icon

game-icons:cross-flare

The Cross Flare icon (game-icons:cross-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: crossflare

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="M226.877 20.416a206.6 206.6 0 0 0-55.922 7.72c-28.518 5.13-56 17.362-79.572 36.71L29.203 28.67L65.51 91.078a173.1 173.1 0 0 0-32.88 66.938C7.28 230.34 23.513 313.994 81.33 371.81c52.018 52.02 124.946 70.363 191.723 55.06l69.315 65.65l-20.04-83.825a205 205 0 0 0 36.693-24.603L498.85 498.326L384.625 358.502a205 205 0 0 0 24.867-37.148l83.112 19.87l-65.125-68.76c15.314-66.787-3.026-139.73-55.052-191.76c-17.117-17.116-36.504-30.574-57.186-40.4l.688-1.27l-1.565.85c-27.637-12.973-57.56-19.468-87.488-19.468zM202.07 43.908c24.817 0 49.633 5.904 72.186 17.703l-97.574 52.86l-67.93-39.52C136.357 54.263 169.21 43.91 202.07 43.91zm94.09 31.623a158 158 0 0 1 16.184 14.113c54.775 54.776 60.34 139.89 16.715 200.84l-89.796-109.92L296.16 75.53zM75.668 108.544l39.793 68.4L63.84 272.24C36.7 220.5 40.648 156.814 75.668 108.543zm104.77 129.66l110.26 90.076c-60.798 42.13-144.68 36.112-198.88-18.07l-.02-.017v-.002a158 158 0 0 1-14.187-16.284l102.828-55.703z"/></svg>

How to use the Cross Flare icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:cross-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:cross-flare"></iconify-icon>

HTML image

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

Related icons in Game Icons

Cross Flare icon FAQ

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

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

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

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

Browse all Game Icons →