Cyclops icon

game-icons:cyclops

The Cyclops icon (game-icons:cyclops) 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: cyclop

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="M257.943 19.56c-48.746 0-93.137 25.71-125.85 68.436C101.82 127.54 81.96 181.56 79.167 241.744c4.252-7.944 11.468-13.637 21.397-13.637c-14.08 20.83-16.54 41.658 0 62.487c-9.812 0-16.714-4.63-20.91-11.365c4.14 56.884 23.546 107.807 52.44 145.547c32.713 42.728 77.104 68.44 125.85 68.44c48.747 0 93.137-25.712 125.85-68.44c28.806-37.625 48.187-88.35 52.406-145.027c-4.225 6.453-11.028 10.844-20.587 10.844c16.54-20.83 14.08-41.658 0-62.487c9.685 0 16.79 5.416 21.078 13.055c-2.892-59.95-22.72-113.75-52.897-153.166C351.08 45.27 306.69 19.56 257.943 19.56m.057 80.944c69.594 0 128.227 46.16 149.412 109.76C317.6 99.23 196.635 100.256 107.318 213.05C127.71 148.043 187.42 100.503 258 100.503zm3.053 49.658c53.01 0 104.59 36.343 142.87 105.04c.65 1.066.575.917.768 1.198l1.624 1.473v6.533l-2.177 3.983l-.016.026c-38.297 68.92-89.963 105.374-143.06 105.373c-53.096-.002-104.763-36.455-143.064-105.37l.295.494c-.437-.685-.244-.513-.444-.955l-4.475-3.972l4.605-8.418l.013-.03c38.3-68.92 89.968-105.377 143.065-105.378zm0 18.69c-43.918 0-89.205 29.812-125.182 93.123c16.145 28.407 34.167 50.05 53.095 65.302c-9.445-13.807-14.977-30.503-14.977-48.494c0-47.502 38.51-86.01 86.012-86.01a85.9 85.9 0 0 1 28.555 4.86c-19.658 2.195-34.944 18.86-34.944 39.103c0 .963.05 1.914.117 2.86c-25.64 4.19-45.354 26.554-45.354 53.336c0 29.742 24.312 54.054 54.055 54.054s54.054-24.312 54.054-54.054a53.6 53.6 0 0 0-4.578-21.688c12.173-6.693 20.424-19.635 20.424-34.508a40 40 0 0 0-.326-4.978a85.6 85.6 0 0 1 14.008 47.025c0 19.657-6.607 37.763-17.703 52.248c20.696-15.367 40.42-38.227 57.935-69.05c-35.977-63.316-81.27-93.13-125.19-93.128zm1.375 88.718c19.642 0 35.365 15.72 35.365 35.362a35.225 35.225 0 0 1-35.365 35.365a35.225 35.225 0 0 1-35.365-35.365c0-19.642 15.722-35.362 35.365-35.362m-155.742 52.426c89.507 113.245 211.43 113.973 301.36 2.23C387.327 376.658 328.18 423.097 258 423.097c-71.007 0-131.28-47.486-151.314-113.102z"/></svg>

How to use the Cyclops icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:cyclops"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/cyclops.svg" alt="Cyclops icon" width="24" height="24">

Cyclops icon FAQ

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

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

How do I add the Cyclops icon to a web page?

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

Browse all Game Icons →