Grain icon

game-icons:grain

The Grain icon (game-icons:grain) 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="M161.021 23.56c-33.581.017-61.171 3.348-88.61 8.921c-17.004-6.939-33.71-11.495-41.27 1.18c-7.755 13-.298 25.252 12.243 37.315C16.961 176.419 23.36 323.974 37.281 420.24c-10.227 10.317-16.86 20.99-10.172 31.194c8.874 13.538 24.589 11.055 42.342 3.994c47.522 8.267 100.352 10.029 154.365 7.802c12.925-47.395 36.719-95.082 59.352-130.25c16.112-22.799 31.442-44.715 50.035-61.974c-11.969-76.414-29.46-148.738-56.082-207.172c7.74-9.542 11.027-19.274 4.947-29.467c-6.655-11.157-20.402-8.94-35.195-3.523c-29.143-5.066-58.17-7.3-85.852-7.285zm-16.355 70.546c16.406 18.518 26.656 36.925 30.427 52.338l-13.625 29.983l-25.326-23.194c-2.09-15.382.74-35.81 8.524-59.127m59.798 40.83c2.124 16.568 2.256 31.597.723 44.41l-27.605 37.801l-5.936-29.343l18.168-39.98c4.441-4.312 9.32-8.62 14.65-12.887zm-84.045 24.209l37.924 33.368l5.786 28.601l-39.69-23.646c-6.777-11.435-20.586-35.652-20.119-43.252c15.217 4.34 13.568 3.98 16.1 4.929zm104.73 31.74c1.362 22.872-1.842 40.924-7.91 53.684l-29.628 22.168l-6.277-31.039l24.875-34.06c5.742-3.67 12.06-7.269 18.94-10.752zm-112.19 22.964c4.943.367 9.692.878 14.228 1.521l40.682 24.238l6.097 30.143l-31.023-7.457c-11.134-9.151-21.831-25.208-29.984-48.445m124.043 40.892c-6.873 38.457-22.52 60.066-38.758 64.557l-7.567-37.406l29.946-22.409a207 207 0 0 1 16.379-4.742m101.445 36.297c3.464-1.324 7.972-2.059 12.65-2.062c10.422 0 18.87 3.557 18.871 7.945c.002 4.389-8.447 7.947-18.87 7.947c-9.797-.003-17.96-3.161-18.792-7.271c-11.324 12.604-23.028 28.276-34.054 45.209c-4.24 6.509-8.363 13.222-12.348 20.015c9.174.608 15.935 3.936 15.94 7.846c-.001 4.388-8.451 7.946-18.874 7.945a43 43 0 0 1-5.765-.388c-15.36 28.273-27.56 56.712-33.207 77.927c15.825 3.992 32.039 7.123 48.447 9.479l-.002.02c0 4.388 8.45 7.945 18.871 7.945c3.762-.002 7.436-.478 10.55-1.366a3.4 3.4 0 0 0-.12.87c0 4.388 8.45 7.945 18.87 7.945c10.423 0 18.871-3.557 18.872-7.945c-.007-.714-.242-1.423-.7-2.11a593 593 0 0 0 39.723-.498a3.5 3.5 0 0 0-.263 1.31c0 4.389 8.45 7.946 18.87 7.946c10.422 0 18.871-3.557 18.872-7.945c-.006-1.388-.876-2.751-2.522-3.953a585 585 0 0 0 22.723-2.836c3.317 2.536 9.65 4.112 16.527 4.113c10.425 0 18.875-3.558 18.873-7.947c-.006-1.389-.876-2.752-2.523-3.955c.051-11.342-3.426-27.164-10.037-44.473c-6.863-17.968-16.742-37.59-27.897-56.426a43 43 0 0 1-6.625.516c-10.423 0-18.872-3.559-18.87-7.947c.01-3.928 6.836-7.263 16.06-7.848c-13.387-20.802-27.843-39.76-40.547-53.287c-6.722-7.158-12.984-12.79-17.996-16.28s-8.798-4.221-16.454-1.677s-19.344 12.102-28.253 21.236m-197.436-14.84l36.01 8.655l7.469 36.923c-16.307.307-37.748-13.351-58.192-43.464c5.083-.92 9.987-1.614 14.713-2.114m60.457 55.746c2.917 17.949 6.504 35.498 11.006 52.602l-13.437 3.816c-4.671-17.697-8.37-35.774-11.36-54.173zm131.37 72.213c10.423 0 18.872 3.559 18.87 7.948c0 4.388-8.449 7.945-18.87 7.945a44 44 0 0 1-3.36-.133c1.22 1.068 1.857 2.238 1.863 3.424c0 4.388-8.45 7.945-18.873 7.945c-10.421 0-18.87-3.557-18.87-7.945s8.449-7.945 18.87-7.945c1.127.002 2.252.046 3.36.132c-1.22-1.068-1.857-2.238-1.864-3.423c-.002-4.39 8.45-7.948 18.874-7.948m93.41 15.451c10.423 0 18.872 3.559 18.87 7.948c0 4.388-8.449 7.945-18.87 7.945c-10.423 0-18.872-3.557-18.873-7.945c-.002-4.39 8.448-7.948 18.873-7.948m-208.795 54.483c-10.424 0-18.873 3.558-18.871 7.947c0 4.388 8.45 7.945 18.87 7.945a44 44 0 0 0 4.227-.21c1.488 3.843 9.37 6.666 18.618 6.667c10.424 0 18.874-3.558 18.873-7.947c-.001-4.388-8.451-7.945-18.873-7.945a44 44 0 0 0-4.225.21c-1.488-3.843-9.37-6.666-18.62-6.667z"/></svg>

How to use the Grain icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Game Icons

Grain icon in other icon sets

Grain icon FAQ

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

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

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

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

Browse all Game Icons →