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

Game Icons · GiShinyIris

Shiny Iris icon

A free shiny iris 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

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/shiny-iris.json

components/icons/game-icons-shiny-iris.tsx

import * as React from "react";

/**
 * Shiny Iris from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/shiny-iris. Sized in em, colored by currentColor.
 */
export function GiShinyIrisIcon(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="M319.594 23.78C285.57 102.98 230.09 105.943 196.28 27c9.09 86.328-40.002 112.372-111.936 53.906 59.824 74.383 33.49 125.818-61.375 110.563 88.44 34.29 91.354 88.99 3.25 123.28 91.354-13.02 122.018 37.044 63.5 110 72.41-56.59 120.465-32.077 106.28 60.22 34.45-84.274 92.673-84.58 126.406 2.124h.03c-14.52-93.742 32-123.784 105.752-64.625-53.336-70.54-29.74-120.928 58.656-109-79.212-34.028-80.658-86.815-1.688-120.626-84.74 9.05-112.955-39.317-59.25-108.844-70.53 53.332-118.236 28.174-106.312-60.22zm-62.53 83.407c6.958 54.2 39.187 61.556 72.467 18.813-20.754 49.66 3.604 73.79 52.314 55-41.37 32.53-32.145 63.55 20.125 71.125-54.204 6.96-60.185 40.495-17.44 73.78-53.022-23.31-75.77 1.865-52.31 55.033-33.712-45.958-68.134-36.552-75.158 18.78-6.24-56.87-38.558-63.75-72.437-18.78 23.062-52.452-3.034-77.223-55.03-55.032 46.7-34.262 36.306-66.17-21.47-72.437 58.557-6.017 65.977-40.628 18.78-75.157 51.84 23.19 76.788-.01 57.72-49.657 32.526 41.354 64.863 30.792 72.438-21.47zm-2.658 62.344c-27.606.87-54.11 15.568-68.97 41.22-22.86 39.467-9.368 89.608 30.25 112.406 39.62 22.8 90.015 9.342 112.876-30.125 3.336-5.757 5.9-11.746 7.72-17.842-12.425 22.18-36.144 37.187-63.376 37.187-40.098 0-72.594-32.527-72.594-72.625 0-33.697 22.967-62.032 54.094-70.22zm27.72 15.5c-24.26 0-43.907 19.648-43.907 43.907 0 24.26 19.646 43.938 43.905 43.938 24.26 0 43.938-19.678 43.938-43.938s-19.68-43.906-43.938-43.906z"
      />
    </svg>
  );
}

With react-icons

import { GiShinyIris } from "react-icons/gi";

export function Example() {
  return <GiShinyIris className="size-5" />;
}

shiny-iris.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="M319.594 23.78C285.57 102.98 230.09 105.943 196.28 27c9.09 86.328-40.002 112.372-111.936 53.906 59.824 74.383 33.49 125.818-61.375 110.563 88.44 34.29 91.354 88.99 3.25 123.28 91.354-13.02 122.018 37.044 63.5 110 72.41-56.59 120.465-32.077 106.28 60.22 34.45-84.274 92.673-84.58 126.406 2.124h.03c-14.52-93.742 32-123.784 105.752-64.625-53.336-70.54-29.74-120.928 58.656-109-79.212-34.028-80.658-86.815-1.688-120.626-84.74 9.05-112.955-39.317-59.25-108.844-70.53 53.332-118.236 28.174-106.312-60.22zm-62.53 83.407c6.958 54.2 39.187 61.556 72.467 18.813-20.754 49.66 3.604 73.79 52.314 55-41.37 32.53-32.145 63.55 20.125 71.125-54.204 6.96-60.185 40.495-17.44 73.78-53.022-23.31-75.77 1.865-52.31 55.033-33.712-45.958-68.134-36.552-75.158 18.78-6.24-56.87-38.558-63.75-72.437-18.78 23.062-52.452-3.034-77.223-55.03-55.032 46.7-34.262 36.306-66.17-21.47-72.437 58.557-6.017 65.977-40.628 18.78-75.157 51.84 23.19 76.788-.01 57.72-49.657 32.526 41.354 64.863 30.792 72.438-21.47zm-2.658 62.344c-27.606.87-54.11 15.568-68.97 41.22-22.86 39.467-9.368 89.608 30.25 112.406 39.62 22.8 90.015 9.342 112.876-30.125 3.336-5.757 5.9-11.746 7.72-17.842-12.425 22.18-36.144 37.187-63.376 37.187-40.098 0-72.594-32.527-72.594-72.625 0-33.697 22.967-62.032 54.094-70.22zm27.72 15.5c-24.26 0-43.907 19.648-43.907 43.907 0 24.26 19.646 43.938 43.905 43.938 24.26 0 43.938-19.678 43.938-43.938s-19.68-43.906-43.938-43.906z"
  />
</svg>

Attribution

"Shiny Iris" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons:

Similar Game Icons icons