Globe 2 icon
fluent-mdl2:globe-2
The Globe 2 icon (fluent-mdl2:globe-2) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1897 1572q0 26-19 45t-45 19q-15 0-31-10t-31-23t-28-29t-23-25q-106 94-232 151t-267 77v143h187v128H896v-128h197v-134q-134 0-257-34t-230-96t-196-149t-150-194t-97-230t-35-257q0-177 61-337t176-295q-9-8-18-17t-18-19t-14-21t-6-25q0-26 19-45t45-19q27 0 46 19l222 221q95-78 209-119t238-41q97 0 187 25t168 71t143 110t110 142t71 169t25 187q0 123-41 237t-119 210l246 247q19 19 19 46M512 832q0 81 23 161l129-130q-37-55-66-113t-49-122q-37 100-37 204m244-431q-51 0-75 24t-24 76q0 33 9 69t23 71t32 69t36 61l270-270q-28-18-61-36t-69-32t-71-23t-70-9m663 492l-270 270q28 18 61 35t68 32t72 24t69 9q52 0 76-24t24-76q0-33-9-69t-23-71t-32-69t-36-61m-376 195l301-301q-95-116-211-211L832 877q95 116 211 211M741 967l-152 153q38 66 91 119t120 92l153-152q-117-95-212-212m316 289l-130 129q80 23 161 23q104 0 204-37q-63-20-121-49t-114-66m570-220q37-100 37-204q0-81-23-161l-129 130q37 55 66 113t49 122m-40-492q-38-66-91-119t-120-92l-153 152q117 95 212 212zm-338-265q-80-23-161-23q-104 0-204 37q63 20 121 49t114 66zm-161 1379q149 0 288-51t253-149l-87-87q-97 80-212 122t-242 43q-97 0-187-25t-168-71t-143-110t-110-142t-71-169t-25-187q0-127 42-242t123-212l-93-93q-97 114-148 253t-52 289q0 115 29 221t84 198t130 168t168 130t199 84t222 30"/></svg>How to use the Globe 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:globe-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:globe-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:globe-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--globe-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:globe-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:globe-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-2.svg" alt="Globe 2 icon" width="24" height="24">Related icons in Fluent UI MDL2
Globe 2 icon in other icon sets
Globe 2 icon FAQ
Is the Globe 2 icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Globe 2 icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:globe-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globe 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-2.svg" alt="Globe 2 icon">, or paste the SVG code inline to style it with CSS.