Heavymetal icon
whh:heavymetal
The Heavymetal icon (whh:heavymetal) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 705 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 705 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="705" height="1024" viewBox="0 0 705 1024"><path fill="currentColor" d="M700 148q-31 208-43 301q-17 126-17 190v97q0 176-97 265q-17 16-31 23H128q-30 0-61-51.5T18 861T0 767V512q0-26 18.5-45T64 448q19 0 36 12L64 70q-2-28 15-48.5T122 0t46 17.5T189 63q35 321 35 353q1-4 3.5-10.5T239 382t20-30t29-23t38-9q24 1 41 20t17 46v-2q0-26 19-45t45-19t45 19t19 45v-1q5-10 12-22l65-257q9-25 32-36t46-2t32.5 33t.5 49M384 384"/></svg>How to use the Heavymetal icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:heavymetal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:heavymetal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:heavymetal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--heavymetal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:heavymetal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:heavymetal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/heavymetal.svg" alt="Heavymetal icon" width="24" height="24">Heavymetal icon in other icon sets
Heavymetal icon FAQ
Is the Heavymetal icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Heavymetal icon in React?
Install @iconify/react and render <Icon icon="whh:heavymetal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Heavymetal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/heavymetal.svg" alt="Heavymetal icon">, or paste the SVG code inline to style it with CSS.