Globealt icon
whh:globealt
The Globealt icon (whh:globealt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 897 × 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
- 897 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="897" height="1024" viewBox="0 0 897 1024"><path fill="currentColor" d="M746 746Q623 868 450 891v69h96q13 0 22.5 9.5T578 992t-9.5 22.5t-22.5 9.5H226q-13 0-22.5-9.5T194 992t9.5-22.5T226 960h96v-69Q147 870 23 746L0 723l92-92Q3 524 3 385q0-104 51-192.5t139.5-140T386 1q139 0 246 90l91-91l23 23q98 98 133 229.5t0 263T746 746M722 91q-13 14-45 45q92 108 92 249q0 104-51 192.5T578.5 717T386 768q-141 0-249-92q-8 8-45 46q86 75 196.5 99.5t220-7t192-114t114-192t7-220T722 91"/></svg>How to use the Globealt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:globealt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:globealt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:globealt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--globealt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:globealt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:globealt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/globealt.svg" alt="Globealt icon" width="24" height="24">Globealt icon in other icon sets
Globealt icon FAQ
Is the Globealt 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 Globealt icon in React?
Install @iconify/react and render <Icon icon="whh:globealt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globealt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/globealt.svg" alt="Globealt icon">, or paste the SVG code inline to style it with CSS.