Swirl Ring icon

game-icons:swirl-ring

The Swirl Ring icon (game-icons:swirl-ring) 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: swirlring

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="M231.07 20.854c130.555 79.7 225.307 195.886 220.758 277.41c-.372 6.683-1.85 12.83-3.504 18.687c-11.48-92.337-130.195-218.092-279.16-290.255c-4.345-2.104-8.547-3.872-12.85-5.84H20.822v7.004c32.332 6.406 67.257 16.19 103.955 30.37C287.93 121.255 421.312 237.91 423.213 318.7c.13 5.782-.565 11.256-1.752 16.353c-18.234-79.442-144.166-184.84-296.097-243.533C88.457 77.262 53.27 66.962 20.823 60.566v49.64c164.214 24.05 386.08 133.882 366.142 290.648c-9.53 74.94-113.13 76.27-159.742 35.17c45.327 72.98 186.19 70.605 235.703 21.09c75.81-75.81 25.19-249.297-112.717-387.202c-17.778-17.776-36.23-34.278-54.9-49.058zm7.3 236.1c-15.488.026-29.213 4.776-39.155 14.718v.002c-18.66 18.66-18.67 50.702-3.938 82.69c1.353-13.847 6.2-26.328 15.75-35.878c27.665-27.664 80.464-20.165 117.692 17.063c23.264 23.266 34.894 52.858 33.686 78.313c15.033-30.094 1.188-77.565-35.875-114.63c-27.348-27.35-60.554-42.322-88.16-42.278m16.185 63.83c-12.806.1-22.824 4.544-26.412 13.015c-6.38 15.06 9.98 37.144 36.537 49.327c26.56 12.184 53.26 9.852 59.638-5.207c6.38-15.06-9.98-37.147-36.537-49.33c-11.62-5.33-23.265-7.882-33.225-7.805zm-41.022 22.226c-11.47 19.105-.906 49.236 27.373 72.763c32.573 27.1 76.033 35.056 97.143 17.498c14.236-11.843 14.244-32.184 3.003-52.49c-1.032 8.79-4.73 16.712-12.016 22.775c-21.11 17.56-61.394 12.8-89.8-10.832c-17.75-14.772-26.625-33.555-25.704-49.713z"/></svg>

How to use the Swirl Ring icon

React

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

<Icon icon="game-icons:swirl-ring" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:swirl-ring" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:swirl-ring" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:swirl-ring"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/swirl-ring.svg" alt="Swirl Ring icon" width="24" height="24">

Related icons in Game Icons

Swirl Ring icon FAQ

Is the Swirl Ring 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 Swirl Ring icon in React?

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

How do I add the Swirl Ring icon to a web page?

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

Browse all Game Icons →