Globe Favorite icon
fluent-mdl2:globe-favorite
The Globe Favorite icon (fluent-mdl2:globe-favorite) 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
- Tags
- globefavorite
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m2031 1537l-266 197l102 313l-267-193l-266 194l101-314l-266-197h335l97-310l95 310zM679 1408q8 37 23 89t37 109t51 113t64 101t78 72t92 28q36 0 69-17t59-41v178q-32 4-64 6t-64 2q-141 0-272-36t-244-104t-207-160t-161-207t-103-245t-37-272q0-141 36-272t104-244t160-207t207-161T752 37t272-37q141 0 272 36t244 104t207 160t161 207t103 245t37 272q0 99-19 195t-56 189h-181v-128h91q37-123 37-256t-37-256h-363q1 12 5 48t7 76t4 74t0 41l-126 401zm712-128q9-64 13-127t4-129q0-65-4-128t-13-128H657q-9 64-13 127t-4 129q0 65 4 128t13 128zm442-640q-38-81-92-153t-120-131t-143-104t-163-75q36 49 65 105t52 116t39 121t29 121zm-809-512q-49 0-91 27t-78 73t-65 101t-51 113t-37 109t-23 89h690q-8-37-23-89t-37-109t-51-113t-64-101t-78-72t-92-28m-291 49q-85 29-162 74T427 356T307 487t-92 153h333q12-60 28-121t39-121t52-116t66-105m-605 847q0 133 37 256h363q-8-64-12-127t-4-129q0-65 4-128t12-128H165q-37 123-37 256m87 384q38 81 92 153t120 131t143 104t163 75q-36-49-65-105t-52-116t-39-121t-29-121z"/></svg>How to use the Globe Favorite icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:globe-favorite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:globe-favorite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:globe-favorite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--globe-favorite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:globe-favorite"></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-favorite"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-favorite.svg" alt="Globe Favorite icon" width="24" height="24">Related icons in Fluent UI MDL2
Globe Favorite icon in other icon sets
Globe Favorite icon FAQ
Is the Globe Favorite 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 Favorite icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:globe-favorite" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globe Favorite icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/globe-favorite.svg" alt="Globe Favorite icon">, or paste the SVG code inline to style it with CSS.