Grunt icon
devicon-plain:grunt
The Grunt icon (devicon-plain:grunt) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain icons are released under the MIT 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
- Devicon Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" fill-rule="evenodd" d="M99.317 67.238c2.712-1.541 5.517-3.078 7.829-5.126c4.158-3.682 3.741-8.945-.589-12.396c-.709-.564-1.706-1.161-1.896-1.913c-.856-3.389-1.632-6.815.458-10.14a16.5 16.5 0 0 0 1.876-4.177c1.174-4.106-.788-7.508-4.896-8.717c-.703-.208-1.472-.214-2.154-.464c-.431-.158-1.021-.549-1.09-.92c-.771-4.112-.255-5.844 2.961-7.677c1.518-.865 3.289-1.294 4.96-1.88c.646-.227 1.333-.339 2.061-.518C105 7.947 98.218 5.687 91.482 7.357c-5.282 1.309-9.078 4.713-12.503 8.692c-.402.469-1.119.922-1.7.934c-1.589.033-1.935-1.151-1.658-2.4c.538-2.434 1.24-4.831 1.888-7.293c-3.005-.079-5.299 1.829-7.935 3.667c-.314-1.627-.72-2.984-.803-4.359c-.085-1.435.142-2.889.239-4.441c-4.632 1.666-8.171 4.309-9.161 9.493l-.6.006l-1.383-6.472c-.561.358-1.169.644-1.648 1.072c-2.817 2.514-4.544 5.598-4.869 9.419c-.04.463-.375 1.251-.624 1.271c-.479.039-1.097-.253-1.472-.606c-.758-.712-1.362-1.586-2.083-2.342c-4.34-4.557-9.442-7.527-15.95-7.134c-4.922.296-9.122 2.146-11.946 6.205c2.418.913 4.858 1.579 7.048 2.725c2.75 1.438 3.391 3.488 3.084 6.473c-.172 1.675-.954 2.048-2.395 2.273c-4.99.783-7.36 4.623-5.889 9.44c.303.991.62 2.071 1.252 2.849c2.279 2.806 1.779 5.979 1.482 9.161c-.142 1.51-.856 2.577-2.063 3.512c-5.025 3.894-5.151 9.321-.18 13.347c2.034 1.647 4.367 2.98 6.704 4.184c3.192 1.644 4.456 4.276 4.446 7.656c-.009 2.769-.13 5.54-.288 8.304c-.113 1.963-.374 3.918-.568 5.877l-.564.154c-1.15-1.563-2.465-3.036-3.407-4.717c-.934-1.666-1.492-3.542-2.215-5.326c-7.409 6.106-7.611 23.632 4.233 29.038c1.657.757 2.724 1.796 3.642 3.343c3.153 5.313 7.816 8.55 13.953 9.611a4.8 4.8 0 0 1 1.827.738c8.158 5.494 21.059 5.515 29.176.038c.492-.333 1.063-.659 1.635-.749c6.825-1.08 11.668-4.854 14.96-10.819c.303-.548.799-1.147 1.35-1.375c7.023-2.9 10.426-8.298 10.891-15.705c.343-5.461-1.122-10.297-5.28-14.41c-.854 4.179-2.692 7.555-6.278 10.224c-.177-5.156-.494-10.313-.476-15.467c.008-2.727 1.473-4.795 3.963-6.21M32.121 15.796c3.103-.017 7.242 3.487 6.955 6.414c-.106 1.082-1.493 2.513-2.599 2.883c-1.051.352-2.735-.11-3.069-1.862c-.159-.84-.275-1.688-.422-2.53c-.279-1.604-.566-3.207-.865-4.905m7.734 91.281c-1.693-.292-3.355-.44-4.938-.874c-6.886-1.888-10.736-6.76-10.858-13.893c-.035-2.043.441-4.096.703-6.142c.005-.039.262-.077.388-.05c.043.008.045.216.065.333c3.477 7.423 10.109 9.433 17.411 10.118l-3.395 6.311zM39 51.847v-4.625c3 2.267 7.195 4.498 9.861 7.583c.241.269.492.525.712.81c.143.181.238.403.343.597C46.401 58.933 39 57.227 39 51.847m19.394 54.295c-.746 1.048-1.454 2.126-2.246 3.139c-1.853 2.369-4.483 2.518-6.694.41c-.705-.671-1.392-1.363-2.086-2.044l.004.009l-.382-.382c-.813-3.931-.731-4.033 3.489-4.065c1.968-.016 3.936-.047 5.9.012c2.201.065 2.647.758 2.015 2.921m22.564.789l-.399.718l.005-.005l-.01.015l.005-.009c-.53.575-1.046 1.164-1.595 1.721c-2.498 2.536-5.238 2.372-7.4-.459c-.697-.914-1.328-1.878-1.989-2.819c-.589-2.115-.098-2.829 2.111-2.877c2.276-.05 4.554-.031 6.83-.006c3.065.035 3.57.821 2.442 3.721m-2.94-50.763l1.099-1.328C81.78 51.746 85 49.518 89 47.227v4.628c0 5.267-7.266 7.101-10.982 4.313m24.42 30.845l.488-1.1c1.542 4.989 1.669 9.889-1.235 14.321c-3.119 4.759-7.967 6.416-13.492 6.758l.511-4.114l-3.29-6.277c6.896-.786 13.522-2.422 17.018-9.588m-7.737-64.357c-.187 1.122-.541 1.898-1.883 2.352c-2.002.677-2.709-.756-3.514-1.8c-.389-.503-.229-1.687.063-2.41c.951-2.367 2.53-4.191 5.121-4.884c.501-.133 1.027-.17 1.335-.219c-.406 2.529-.753 4.747-1.122 6.961" clip-rule="evenodd"/></svg>
How to use the Grunt icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:grunt" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:grunt" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:grunt" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--grunt]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:grunt"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:grunt"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/grunt.svg" alt="Grunt icon" width="24" height="24">
Related icons in Devicon Plain
Grunt icon in other icon sets
Grunt icon FAQ
Is the Grunt icon free for commercial use?
Yes. Devicon Plain icons are released under the MIT 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="devicon-plain: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/devicon-plain/grunt.svg" alt="Grunt icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon Plain icons →
ICONYZ
