Globe icon
vs:globe
The Globe icon (vs:globe) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1664 grid. Vesper 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1664
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1664" viewBox="0 0 1664 1664"><path fill="currentColor" d="M832 0Q663 0 508.5 66T243 243T66 508.5T0 832t66 323.5T243 1421t265.5 177t323.5 66t323.5-66t265.5-177t177-265.5t66-323.5t-66-323.5T1421 243T1155.5 66T832 0m0 1536q-113 0-221-36q16-8 39.5-30t44.5-23q20-1 40-5t46.5-11.5T824 1419q13-3 82.5-29.5T1016 1360q57-5 120 8.5t84 50.5q-176 117-388 117M175 580q68-178 218.5-298.5T735 135q-10 19-45.5 41.5T647 206q-23 21-47.5 36T560 269t-29 34q-13 20-47.5 54T423 419.5T397 464q0 27 29 53t48 19q18-7 62.5-5.5T609 542q6 2 26 6l42.5 8.5L728 571l52.5 22.5l46 33.5l33 47l10 64l-18.5 83q-10 26-38.5 46.5t-57.5 33t-58.5 43T655 1019q-23 90-24 129q-1 11 5 67t4 94.5t-20 38.5q-28 0-88.5-72.5T471 1181q0-6-14.5-76.5T442 989q0-25-20.5-45.5t-44.5-33t-44.5-38.5t-20.5-60q0-39 17.5-76t31-62.5T367 630q-5-12-20-21t-41-14t-44-7.5t-50.5-5T175 580m881-416q212 71 346 254.5T1536 832q0 240-146 429v-1q-23-18-33-51.5t6-79.5q18-39 25-117t2-122q-3-24-9.5-49.5t-18-56t-32-50T1285 715q-57-1-95-25t-69-86q-18-36-19-67.5t11-54.5t29.5-43.5t35-37.5t29.5-33.5t11-35t-19-38.5q-9-10-26-.5t-40 16.5t-44.5 9t-39-22.5T1027 219q-1-19 29-54z"/></svg>
How to use the Globe icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:globe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:globe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:globe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--globe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:globe"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:globe"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/globe.svg" alt="Globe icon" width="24" height="24">
Globe icon in other icon sets
Globe icon FAQ
Is the Globe icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Globe icon in React?
Install @iconify/react and render <Icon icon="vs:globe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/globe.svg" alt="Globe icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
