Mallet icon
glyphs-poly:mallet
The Mallet icon (glyphs-poly:mallet) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2994a" fill-rule="evenodd" d="M35.469 34.147L34.21 70.004a5.793 5.793 0 1 0 11.58 0l-1.258-35.857a47 47 0 0 1-9.063 0" clip-rule="evenodd"/><path fill="#f2994a" d="m34.21 70.004l2 .07zm1.259-35.857l.192-1.991a2 2 0 0 0-2.191 1.92zm10.32 35.857l2-.07zm-1.258-35.857l2-.07a2 2 0 0 0-2.192-1.921zM36.21 70.074l1.258-35.857l-3.997-.14l-1.258 35.857zM40 74a3.793 3.793 0 0 1-3.79-3.926l-3.998-.14A7.793 7.793 0 0 0 40 78zm3.79-3.926A3.793 3.793 0 0 1 40 74v4a7.793 7.793 0 0 0 7.788-8.066zm-1.257-35.857l1.258 35.857l3.997-.14l-1.258-35.858zm1.806-2.061a45 45 0 0 1-4.339.209v4q2.371 0 4.724-.228zM40 32.365q-2.178 0-4.34-.21l-.383 3.982a49 49 0 0 0 4.723.228z"/><path fill="#eb5757" fill-rule="evenodd" d="M60 29.916a47.15 47.15 0 0 1-20 4.448a47.2 47.2 0 0 1-20-4.448V8.449a47.19 47.19 0 0 1 40 0z" clip-rule="evenodd"/><path fill="#eb5757" d="m60 29.916l.848 1.811A2 2 0 0 0 62 29.916zm-2.956 1.262l-.722-1.865zm-34.088 0l.722-1.865zM20 29.916h-2a2 2 0 0 0 1.152 1.811zm0-21.467l-.848-1.812A2 2 0 0 0 18 8.45zm2.956-1.263l.722 1.865zm34.088 0l-.722 1.865zM60 8.45h2a2 2 0 0 0-1.152-1.812zm-.848 19.656q-1.392.651-2.83 1.208l1.445 3.73a49 49 0 0 0 3.08-1.316zm-2.83 1.208A45.2 45.2 0 0 1 40 32.364v4a49.2 49.2 0 0 0 17.767-3.32zM40 32.364a45.2 45.2 0 0 1-16.322-3.05l-1.445 3.73A49.2 49.2 0 0 0 40 36.363zm-16.322-3.05a45 45 0 0 1-2.83-1.21l-1.696 3.623a49 49 0 0 0 3.081 1.316zM22 29.915V8.449h-4v21.467zM20.848 10.26a45 45 0 0 1 2.83-1.209l-1.445-3.73a49 49 0 0 0-3.08 1.316zm2.83-1.209A45.2 45.2 0 0 1 40 6V2c-6.077 0-12.1 1.126-17.767 3.321zM40 6a45.2 45.2 0 0 1 16.322 3.051l1.445-3.73A49.2 49.2 0 0 0 40 2zm16.322 3.051q1.438.557 2.83 1.209l1.696-3.623a49 49 0 0 0-3.081-1.316zM58 8.45v21.467h4V8.449z"/></g></svg>How to use the Mallet icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:mallet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:mallet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:mallet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--mallet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:mallet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:mallet"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/mallet.svg" alt="Mallet icon" width="24" height="24">Mallet icon in other icon sets
Mallet icon FAQ
Is the Mallet icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mallet icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:mallet" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mallet icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/mallet.svg" alt="Mallet icon">, or paste the SVG code inline to style it with CSS.