Hover the icon or press Play. Suggested motion: blink. Pick another to preview it and update the animated code:
Octogonal Eye icon
A free octogonal eye 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/octogonal-eye.jsonimport * as React from "react";
/**
* Octogonal Eye from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/octogonal-eye. Sized in em, colored by currentColor.
*/
export function GiOctogonalEyeIcon(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="M256.018 22.963l-61.72 61.723c19.433-6.937 40.36-10.725 62.175-10.725 21.288 0 41.733 3.61 60.767 10.23l-61.222-61.227zM89.47 92.363v86.996c18.093-37.91 48.707-68.695 86.495-86.997H89.47zm247.51 0c37.723 18.27 68.3 48.98 86.403 86.8v-86.8H336.98zm-80.537 4.11C166.855 96.473 94 169.333 94 258.928c0 89.593 72.855 162.453 162.443 162.453 89.59 0 162.444-72.86 162.444-162.452 0-89.594-72.855-162.455-162.444-162.455zm0 21.062c56.318 0 104.84 32.766 127.588 80.315-26.38-29.476-71.3-49.262-122.634-50.473 4.36 7.187 8.307 14.898 11.797 23.047-11.635 7.206-19.388 20.083-19.388 34.775 0 21.123 16.023 38.503 36.578 40.654.245 4.43.377 8.905.377 13.42 0 42.575-11.1 81.19-29.35 111.185 51.34-1.216 96.266-21.01 122.64-50.497-22.74 47.57-71.272 80.357-127.607 80.357-56.247 0-104.718-32.683-127.504-80.134 26.407 29.37 71.254 49.07 122.482 50.273-18.323-29.996-29.33-68.48-29.33-111.187 0-42.716 11.012-81.802 29.342-111.896-51.22 1.2-96.063 20.89-122.475 50.252 22.793-47.43 71.253-80.095 127.483-80.095zM82.246 196.748l-62.17 62.172 62.166 62.172c-6.933-19.43-10.72-40.356-10.72-62.168 0-21.815 3.79-42.743 10.724-62.176zm348.502.14c6.903 19.394 10.674 40.273 10.674 62.036 0 21.76-3.77 42.636-10.67 62.027l62.025-62.03-62.03-62.03zM89.47 338.49v86.99h86.483c-37.782-18.302-68.392-49.084-86.482-86.99zm333.913.198c-18.102 37.815-48.674 68.52-86.39 86.793h86.39v-86.794zM194.31 433.164l61.708 61.715 61.212-61.22c-19.03 6.618-39.472 10.227-60.757 10.227-21.81 0-42.735-3.79-62.164-10.723z"
/>
</svg>
);
}import { GiOctogonalEye } from "react-icons/gi";
export function Example() {
return <GiOctogonalEye className="size-5" />;
}<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="M256.018 22.963l-61.72 61.723c19.433-6.937 40.36-10.725 62.175-10.725 21.288 0 41.733 3.61 60.767 10.23l-61.222-61.227zM89.47 92.363v86.996c18.093-37.91 48.707-68.695 86.495-86.997H89.47zm247.51 0c37.723 18.27 68.3 48.98 86.403 86.8v-86.8H336.98zm-80.537 4.11C166.855 96.473 94 169.333 94 258.928c0 89.593 72.855 162.453 162.443 162.453 89.59 0 162.444-72.86 162.444-162.452 0-89.594-72.855-162.455-162.444-162.455zm0 21.062c56.318 0 104.84 32.766 127.588 80.315-26.38-29.476-71.3-49.262-122.634-50.473 4.36 7.187 8.307 14.898 11.797 23.047-11.635 7.206-19.388 20.083-19.388 34.775 0 21.123 16.023 38.503 36.578 40.654.245 4.43.377 8.905.377 13.42 0 42.575-11.1 81.19-29.35 111.185 51.34-1.216 96.266-21.01 122.64-50.497-22.74 47.57-71.272 80.357-127.607 80.357-56.247 0-104.718-32.683-127.504-80.134 26.407 29.37 71.254 49.07 122.482 50.273-18.323-29.996-29.33-68.48-29.33-111.187 0-42.716 11.012-81.802 29.342-111.896-51.22 1.2-96.063 20.89-122.475 50.252 22.793-47.43 71.253-80.095 127.483-80.095zM82.246 196.748l-62.17 62.172 62.166 62.172c-6.933-19.43-10.72-40.356-10.72-62.168 0-21.815 3.79-42.743 10.724-62.176zm348.502.14c6.903 19.394 10.674 40.273 10.674 62.036 0 21.76-3.77 42.636-10.67 62.027l62.025-62.03-62.03-62.03zM89.47 338.49v86.99h86.483c-37.782-18.302-68.392-49.084-86.482-86.99zm333.913.198c-18.102 37.815-48.674 68.52-86.39 86.793h86.39v-86.794zM194.31 433.164l61.708 61.715 61.212-61.22c-19.03 6.618-39.472 10.227-60.757 10.227-21.81 0-42.735-3.79-62.164-10.723z"
/>
</svg>"Octogonal Eye" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.