Circle Sparks icon

game-icons:circle-sparks

The Circle Sparks icon (game-icons:circle-sparks) 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: circlesparks, spark

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="M20.78 26.78c64.677 55.957 77.348 94.384 60.564 122.876c7.63-3.893 15.673-6.72 24.094-8.375c-20.88 26.902-34.827 59.457-39.157 94.94c-14.255-1.084-27.752-2.986-39.874-5.782c14.74 7.424 27.45 15.042 38.563 23.125c-.068 2.083-.126 4.18-.126 6.28c0 68.626 35.813 128.96 89.75 163.344c-4.345 10.808-11.01 21.467-20.438 32.813c11.536-7.713 26.68-14.666 43.313-20.313c24.644 11.384 52.065 17.75 80.968 17.75c16.69 0 32.885-2.11 48.343-6.093c.406 14.503-.08 31.072-1.436 50.125c36.338-88.305 101.418-88.803 181-30.25c-64.756-68.336-59.635-134.57-4.75-218.845c-10.708 5.996-20.526 11.01-29.563 15.094q.034-1.81.033-3.626c0-43.22-14.223-83.164-38.22-115.406c18.41-29.47 40.28-49.624 65.5-65.125c-53.525 15.19-87.8 7.226-130.312-22.75c16.446 15.918 26.668 33.556 32.47 53.874c-33.47-27.61-76.354-44.218-123.063-44.218c-23.376 0-45.805 4.134-66.562 11.75c1.722-13.855 6.552-27.61 14.438-41.75C156.097 67.09 98.216 75.61 20.78 26.78m104.095 48.782C137.17 75.62 152 81.5 162.313 91.22c13.75 12.957 14.257 27.825 1.156 33.218c-13.103 5.392-34.876-.73-48.626-13.688s-14.257-27.827-1.156-33.22c3.275-1.347 7.09-1.987 11.187-1.968zm133.563 9.344c50.846 0 96.557 21.633 128.5 56.188c1.667 19.017.924 40.15-1.282 63.97c5.51-15.935 11.532-30.1 18.063-42.783c18.732 27.863 29.655 61.414 29.655 97.564c0 3.784-.14 7.526-.375 11.25c-80.95 27.872-84.574-38.09-98.344-141.625c-23.972 143.895-73.68 188.616-175.375 185.5c91.03 29.217 138.164 30.064 146.345 113.342a175.5 175.5 0 0 1-47.188 6.438c-17.69 0-34.758-2.634-50.843-7.5c15.95-3.575 32.116-5.82 46.906-6.375c-51.752-8.56-83.084-24.313-96.906-62.97c3.475 17.54 4.497 32.484 2.25 46.47c-43.702-29.84-73.13-78.987-76.063-135.25c22.45 21.294 36.885 46.538 49 80.188c-11.563-57.488 17.535-92.766 79.064-127.97C175.184 232.57 127.964 238.29 85 237.19c4.827-37.463 21.455-71.18 46.063-97.313c34.22 2.712 73.92 23.22 119.03 67.22c-36.212-42.28-55.61-76.564-58.53-108.97c20.597-8.515 43.173-13.22 66.875-13.22zm66.906 197.813c30.63 0 68.568 26.42 84.72 59c16.15 32.58 4.408 59-26.22 59c-30.63 0-68.568-26.42-84.72-59c-16.15-32.58-4.41-59 26.22-59"/></svg>

How to use the Circle Sparks icon

React

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

<Icon icon="game-icons:circle-sparks" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:circle-sparks" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:circle-sparks" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:circle-sparks"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/circle-sparks.svg" alt="Circle Sparks icon" width="24" height="24">

Related icons in Game Icons

Circle Sparks icon FAQ

Is the Circle Sparks 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 Circle Sparks icon in React?

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

How do I add the Circle Sparks icon to a web page?

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

Browse all Game Icons →