Grunt icon

file-icons:grunt

The Grunt icon (file-icons:grunt) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 430 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 430 × 512

Download SVG

SVG code

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

How to use the Grunt icon

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>

Web component

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

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

Grunt icon in other icon sets

Grunt icon FAQ

Is the Grunt icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Grunt icon in React?

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

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

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

Browse all File Icons →