Иконка Grain

game-icons:grain

Иконка Grain (game-icons:grain) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512

Скачать SVG

Код SVG

<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>

Как использовать иконку Grain

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>

Веб-компонент

<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

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

Иконка Grain в других наборах

Вопросы и ответы: Иконка Grain

Можно ли бесплатно использовать иконку Grain в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Grain в React?

Установите @iconify/react и выведите <Icon icon="game-icons:grain" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Grain на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/grain.svg" alt="Иконка Grain">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →