Oat icon

game-icons:oat

The Oat icon (game-icons:oat) 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

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="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.74C54.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.77c21.273.298 42.942-2.294 64.508-8.073c125.873-33.728 200.57-163.107 166.842-288.98c-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.598l-24.106-39.1c2.935-20.556 14.04-45.806 32.578-72.96zm-70.878 64.343a279 279 0 0 1 18.853 12.602l-.035.02l33.687 54.646l-3.012 38.916l-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.545l3.088-39.923l37.993-44.8c7.29-3.923 15.14-7.683 23.558-11.225zm-146.58 68.082a288 288 0 0 1 17.752 7.16L246.73 240.8l-3.173 41.01l-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.692l3.27-42.23l44.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.297l-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.185c-22.9 46.967-50.93 69.05-73.464 68.892l3.937-50.894l46.718-17.883a247 247 0 0 1 10.996-.3z"/></svg>

How to use the Oat icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Oat icon in other icon sets

Oat icon FAQ

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

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

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

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

Browse all Game Icons →