Macro icon
whh:macro
The Macro icon (whh:macro) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M576 737q41-73 116-120q38-23 84-33.5t93.5-5.5t89.5 37t65 89q-47 0-88.5 14T864 754.5t-59 51t-52 58.5t-50 59t-53 51.5t-61.5 36T513 1024h-2q-40 0-75.5-13.5t-61.5-36t-53-51.5t-50-59t-52-58.5t-59-51T88.5 718T0 704q23-57 65-89t89.5-37t93.5 5.5t84 33.5q75 47 116 120V511q-87 5-172-48q-71-44-111-110t-37-130q47-34 117.5-31T385 234q5-80 39.5-143.5T512 0q53 27 87.5 90.5T639 234q69-39 139.5-41.5T896 223q3 64-37 130T748 463q-85 53-172 48z"/></svg>How to use the Macro icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:macro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:macro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:macro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--macro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:macro"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:macro"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/macro.svg" alt="Macro icon" width="24" height="24">Macro icon in other icon sets
Macro icon FAQ
Is the Macro 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 Macro icon in React?
Install @iconify/react and render <Icon icon="whh:macro" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Macro icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/macro.svg" alt="Macro icon">, or paste the SVG code inline to style it with CSS.