Иконка Grunt

file-icons:grunt

Иконка Grunt (file-icons:grunt) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 430 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 430 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="430" height="512" viewBox="0 0 430 512"><path fill="currentColor" d="M5.916 45.594c42.481-39.257 97.91-32.093 138.36 12.579c12.043 7.306 11.78 7.57 12.579-3.145c1.853-15.826 8.196-30.433 29.864-40.876c3.145 7.861 0 18.863 9.435 26.725C200.87 18.869 216.594 7.862 240.18 0c-4.718 12.58-4.718 25.158 1.572 36.16c11.007-6.285 22.013-14.147 37.726-14.147c-11.977 20.78-13.991 37.226-6.29 39.305c4.801 1.296 7.863 1.572 12.58-3.145c44.305-53.146 116.27-45.875 138.36-11.007c-44.192 8.473-52.406 17.735-45.6 42.45c.523 2.972 2.61 3.077 4.717 3.144c31.448 3.145 44.027 25.158 26.73 48.744c-11.717 17.877-12.198 48.846 1.573 55.023c33.566 23.826 19.602 51.913-31.447 73.892c-11 4.735-18.858 12.579-18.858 22.013c0 23.586 3.145 67.602 3.145 67.602c15.713-10.996 25.147-25.147 28.292-42.444c43.212 36.7 27.587 104.827-23.586 124.208c-13.988 3.742-23.488 42.745-75.464 50.3c-11.222.617-18.383 14.885-59.74 18.87c-31.46 3.03-61.323 0-88.043-17.297c-30.855-5.28-58.33-17.38-77.047-47.156c0-1.572-3.145-4.717-6.279-4.717c-63.196-22.26-60.946-95.267-25.158-124.208c3.145 17.297 12.579 31.448 28.292 44.016c4.176-47.078 11.395-80.508-17.285-92.76C20.57 256.971 1.328 243.27.075 226.268c-1.75-23.75 27.503-28.75 27.855-43.892v-25.159s-11.007-22.008-14.152-29.864c-4.547-25.06 13.733-32.81 37.737-36.165C56.881 74.27 63.27 58.295 5.916 45.594"/></svg>

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

React

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

<Icon icon="file-icons:grunt" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:grunt" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:grunt" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="file-icons:grunt"></iconify-icon>

Изображение HTML

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

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

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

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

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

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

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

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

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

Все File Icons →