Star Cycle icon

game-icons:star-cycle

The Star Cycle icon (game-icons:star-cycle) 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: starcycle

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="M197.666 22.36c-37.354 0-67.637 30.284-67.637 67.64c0 11.57 2.908 22.46 8.03 31.982c-41.127 38.07-75.686 84.545-97.312 134.717c-55.608 129.01-4.667 233.597 113.78 233.597c118.446 0 259.545-104.586 315.154-233.598S474.352 23.1 355.904 23.1c-34.222 0-70.334 8.745-105.73 24.273c-12.402-15.26-31.313-25.014-52.508-25.014zm-6.7 14.083l13.288 27.666l30.496-7.065l-15.695 24.07C214.683 77.09 208.6 74.9 202.207 75.4c-12.196.954-21.35 11.656-20.398 23.852c.167 2.03.958 3.905 1.618 5.732l-28.75 6.932l17.93-25.418l-21.702-22.908l31.223 2.25l8.835-29.397zm129.49 16.44q4.397-.012 8.753.242c74.362 4.336 116.098 66.005 108.73 147.703c-13.446 90.524-69.506 168.88-165.03 199.758c18.422 3.867 35.72 4.313 51.713 1.797c-44.73 36.55-96.58 57.906-144.285 55.125c-24.947-1.455-46.217-9.37-63.2-22.32c18.472 2.268 40.657-1.352 65.132-12.37C122.06 410.5 80 368.245 88.89 297.358c-7.795 11.485-13.765 22.637-18.103 33.308c-.356-26.225 4.678-55.082 15.75-85.158c6.296-17.1 14.182-33.6 23.348-49.264c13.746-19.44 29.697-36.908 47.365-52.037c11.277 8.425 25.256 13.43 40.416 13.43c37.354 0 67.64-30.283 67.64-67.637c0-.786-.033-1.563-.06-2.342c32.21-8.183 66.18-10.1 100.418-4.625c-16.914-15.152-34.966-24.902-53.45-29.894c2.756-.16 5.505-.25 8.24-.257z"/></svg>

How to use the Star Cycle icon

React

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

<Icon icon="game-icons:star-cycle" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:star-cycle" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:star-cycle" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:star-cycle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/star-cycle.svg" alt="Star Cycle icon" width="24" height="24">

Related icons in Game Icons

Star Cycle icon FAQ

Is the Star Cycle 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 Star Cycle icon in React?

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

How do I add the Star Cycle icon to a web page?

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

Browse all Game Icons →