Mallet Bold icon
glyphs:mallet-bold
The Mallet Bold icon (glyphs:mallet-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- malletbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path 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 d="m34.21 70.004l-1.998-.07zm1.259-35.857l.192-1.991a2 2 0 0 0-2.191 1.92zm10.32 35.857l-1.998.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-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 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-.723-1.865zm34.088 0l.723-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.73q-1.565.606-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.051a45 45 0 0 1 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 Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:mallet-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:mallet-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:mallet-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--mallet-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:mallet-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:mallet-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/mallet-bold.svg" alt="Mallet Bold icon" width="24" height="24">Related icons in Glyphs
Mallet Bold icon FAQ
Is the Mallet Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mallet Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:mallet-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mallet Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/mallet-bold.svg" alt="Mallet Bold icon">, or paste the SVG code inline to style it with CSS.