Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Game Icons · GiCyclops

Cyclops icon

A free cyclops icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC BY 3.0 license
Project
game-icons.net
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/cyclops.json
components/icons/game-icons-cyclops.tsx
import * as React from "react";

/**
 * Cyclops from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/cyclops. Sized in em, colored by currentColor.
 */
export function GiCyclopsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        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.637-14.08 20.83-16.54 41.658 0 62.487-9.812 0-16.714-4.63-20.91-11.365 4.14 56.884 23.546 107.807 52.44 145.547 32.713 42.728 77.104 68.44 125.85 68.44 48.747 0 93.137-25.712 125.85-68.44 28.806-37.625 48.187-88.35 52.406-145.027-4.225 6.453-11.028 10.844-20.587 10.844 16.54-20.83 14.08-41.658 0-62.487 9.685 0 16.79 5.416 21.078 13.055-2.892-59.95-22.72-113.75-52.897-153.166C351.08 45.27 306.69 19.56 257.943 19.56zm.057 80.944c69.594 0 128.227 46.16 149.412 109.76C317.6 99.23 196.635 100.256 107.318 213.05 127.71 148.043 187.42 100.503 258 100.503zm3.053 49.658c53.01 0 104.59 36.343 142.87 105.04.65 1.066.575.917.768 1.198l1.624 1.473v6.533l-2.177 3.983-.016.026c-38.297 68.92-89.963 105.374-143.06 105.373-53.096-.002-104.763-36.455-143.064-105.37l.295.494c-.437-.685-.244-.513-.444-.955l-4.475-3.972 4.605-8.418.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.123 16.145 28.407 34.167 50.05 53.095 65.302-9.445-13.807-14.977-30.503-14.977-48.494 0-47.502 38.51-86.01 86.012-86.01 10.01 0 19.62 1.716 28.555 4.86-19.658 2.195-34.944 18.86-34.944 39.103 0 .963.05 1.914.117 2.86-25.64 4.19-45.354 26.554-45.354 53.336 0 29.742 24.312 54.054 54.055 54.054s54.054-24.312 54.054-54.054c0-7.705-1.643-15.04-4.578-21.688 12.173-6.693 20.424-19.635 20.424-34.508 0-1.687-.12-3.346-.326-4.978 8.846 13.517 14.008 29.664 14.008 47.025 0 19.657-6.607 37.763-17.703 52.248 20.696-15.367 40.42-38.227 57.935-69.05-35.977-63.316-81.27-93.13-125.19-93.128zm1.375 88.718c19.642 0 35.365 15.72 35.365 35.362 0 19.642-15.723 35.365-35.365 35.365-19.642 0-35.365-15.723-35.365-35.365 0-19.642 15.722-35.362 35.365-35.362zm-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>
  );
}
With react-icons
import { GiCyclops } from "react-icons/gi";

export function Example() {
  return <GiCyclops className="size-5" />;
}
cyclops.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    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.637-14.08 20.83-16.54 41.658 0 62.487-9.812 0-16.714-4.63-20.91-11.365 4.14 56.884 23.546 107.807 52.44 145.547 32.713 42.728 77.104 68.44 125.85 68.44 48.747 0 93.137-25.712 125.85-68.44 28.806-37.625 48.187-88.35 52.406-145.027-4.225 6.453-11.028 10.844-20.587 10.844 16.54-20.83 14.08-41.658 0-62.487 9.685 0 16.79 5.416 21.078 13.055-2.892-59.95-22.72-113.75-52.897-153.166C351.08 45.27 306.69 19.56 257.943 19.56zm.057 80.944c69.594 0 128.227 46.16 149.412 109.76C317.6 99.23 196.635 100.256 107.318 213.05 127.71 148.043 187.42 100.503 258 100.503zm3.053 49.658c53.01 0 104.59 36.343 142.87 105.04.65 1.066.575.917.768 1.198l1.624 1.473v6.533l-2.177 3.983-.016.026c-38.297 68.92-89.963 105.374-143.06 105.373-53.096-.002-104.763-36.455-143.064-105.37l.295.494c-.437-.685-.244-.513-.444-.955l-4.475-3.972 4.605-8.418.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.123 16.145 28.407 34.167 50.05 53.095 65.302-9.445-13.807-14.977-30.503-14.977-48.494 0-47.502 38.51-86.01 86.012-86.01 10.01 0 19.62 1.716 28.555 4.86-19.658 2.195-34.944 18.86-34.944 39.103 0 .963.05 1.914.117 2.86-25.64 4.19-45.354 26.554-45.354 53.336 0 29.742 24.312 54.054 54.055 54.054s54.054-24.312 54.054-54.054c0-7.705-1.643-15.04-4.578-21.688 12.173-6.693 20.424-19.635 20.424-34.508 0-1.687-.12-3.346-.326-4.978 8.846 13.517 14.008 29.664 14.008 47.025 0 19.657-6.607 37.763-17.703 52.248 20.696-15.367 40.42-38.227 57.935-69.05-35.977-63.316-81.27-93.13-125.19-93.128zm1.375 88.718c19.642 0 35.365 15.72 35.365 35.362 0 19.642-15.723 35.365-35.365 35.365-19.642 0-35.365-15.723-35.365-35.365 0-19.642 15.722-35.362 35.365-35.362zm-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>
Attribution
"Cyclops" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.