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

Game Icons · GiOat

Oat icon

A free oat 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/oat.json

components/icons/game-icons-oat.tsx

import * as React from "react";

/**
 * Oat from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/oat. Sized in em, colored by currentColor.
 */
export function GiOatIcon(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="M253.787 24.672c-19.46.194-39.213 2.816-58.88 8.086C69.032 66.486-5.664 195.868 28.063 321.74 54.3 419.652 138.414 486.586 233.73 495.623c-2.958-41.58-1.013-83.51 3.913-125.894l18.564 2.155c-4.923 42.36-6.768 83.89-3.67 124.77 21.273.298 42.942-2.294 64.508-8.073 125.873-33.728 200.57-163.107 166.842-288.98-28.458-106.206-125.012-175.98-230.1-174.93zm16.275 20.44c14.34 29.823 20.8 57.25 20.018 78.46l-28.49 33.598-24.106-39.1c2.935-20.556 14.04-45.806 32.578-72.96zm-70.878 64.343c6.723 4.115 12.998 8.327 18.853 12.602l-.035.02 33.687 54.646-3.012 38.916-42.422-44.933c-4.54-17.19-7.108-37.92-7.072-61.252zm132.892 10.047c-3.324 22.093-8.647 41.478-15.303 57.404l-49.336 38.545 3.088-39.923 37.993-44.8c7.29-3.923 15.14-7.683 23.558-11.225zm-146.58 68.082c6.227 2.28 12.15 4.674 17.752 7.16L246.73 240.8l-3.173 41.01-37.19-20.933c-10.98-15.844-18.874-40.415-20.87-73.293zm152.74 11.465c-6.607 29.925-17.328 51.98-29.798 66.18l-46.223 17.692 3.27-42.23 44.452-34.73c8.73-2.622 18.176-4.946 28.3-6.913zM179.096 275.4c6.876.675 13.44 1.575 19.703 2.66l43.167 24.297-3.887 50.236c-21.094-5.566-43.688-30.975-58.984-77.194zm139.238 9.957c3.844-.022 7.784.04 11.812.185-22.9 46.967-50.93 69.05-73.464 68.892l3.937-50.894 46.718-17.883c3.573-.178 7.237-.28 10.996-.3z"
      />
    </svg>
  );
}

With react-icons

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

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

oat.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="M253.787 24.672c-19.46.194-39.213 2.816-58.88 8.086C69.032 66.486-5.664 195.868 28.063 321.74 54.3 419.652 138.414 486.586 233.73 495.623c-2.958-41.58-1.013-83.51 3.913-125.894l18.564 2.155c-4.923 42.36-6.768 83.89-3.67 124.77 21.273.298 42.942-2.294 64.508-8.073 125.873-33.728 200.57-163.107 166.842-288.98-28.458-106.206-125.012-175.98-230.1-174.93zm16.275 20.44c14.34 29.823 20.8 57.25 20.018 78.46l-28.49 33.598-24.106-39.1c2.935-20.556 14.04-45.806 32.578-72.96zm-70.878 64.343c6.723 4.115 12.998 8.327 18.853 12.602l-.035.02 33.687 54.646-3.012 38.916-42.422-44.933c-4.54-17.19-7.108-37.92-7.072-61.252zm132.892 10.047c-3.324 22.093-8.647 41.478-15.303 57.404l-49.336 38.545 3.088-39.923 37.993-44.8c7.29-3.923 15.14-7.683 23.558-11.225zm-146.58 68.082c6.227 2.28 12.15 4.674 17.752 7.16L246.73 240.8l-3.173 41.01-37.19-20.933c-10.98-15.844-18.874-40.415-20.87-73.293zm152.74 11.465c-6.607 29.925-17.328 51.98-29.798 66.18l-46.223 17.692 3.27-42.23 44.452-34.73c8.73-2.622 18.176-4.946 28.3-6.913zM179.096 275.4c6.876.675 13.44 1.575 19.703 2.66l43.167 24.297-3.887 50.236c-21.094-5.566-43.688-30.975-58.984-77.194zm139.238 9.957c3.844-.022 7.784.04 11.812.185-22.9 46.967-50.93 69.05-73.464 68.892l3.937-50.894 46.718-17.883c3.573-.178 7.237-.28 10.996-.3z"
  />
</svg>

Attribution

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

Similar Game Icons icons