globe desktop icon
globe-desktop-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- globe-desktop-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
globe-add-20-filledglobe-arrow-forward-16-filledglobe-arrow-up-16-filledglobe-clock-16-filledglobe-error-16-filledglobe-location-20-filledglobe-off-12-filledglobe-person-20-filledglobe-prohibited-16-filledglobe-search-20-filledglobe-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-video-20-filledglobe-warning-16-filled
Use the globe desktop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 16.5H8.904l.058.295C9.6 19.905 10.803 22 12 22c.495 0 .992-.358 1.449-.999H13a2 2 0 0 1-2-2zm0-1.5H8.674a26 26 0 0 1-.132-4.512L8.576 10h6.849q.076.97.077 2H13a2 2 0 0 0-2 2zm11.002-3h-5q0-.681-.032-1.343L16.932 10h4.87c.13.645.2 1.314.2 1.999m-14.63 4.5l-4.306.001l.146.279a10.03 10.03 0 0 0 5.952 4.814c-.81-1.24-1.428-3.011-1.792-5.093M7.069 10h-4.87a10.05 10.05 0 0 0 .257 5H7.16l-.057-.58A28 28 0 0 1 7.069 10m7.767-7.593l.108.17c.88 1.43 1.522 3.507 1.837 5.923h4.591a10.03 10.03 0 0 0-6.536-6.093m-5.672 0l-.122.037A10.03 10.03 0 0 0 2.628 8.5H7.22l.062-.44c.347-2.324 1.002-4.304 1.883-5.653m6.05 5.778C14.646 4.544 13.32 2.002 12 2.002c-1.356 0-2.721 2.689-3.26 6.498h6.52zM12 14a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3v2h.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h.5v-2h-3a1 1 0 0 1-1-1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobeDesktop24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 16.5H8.904l.058.295C9.6 19.905 10.803 22 12 22c.495 0 .992-.358 1.449-.999H13a2 2 0 0 1-2-2zm0-1.5H8.674a26 26 0 0 1-.132-4.512L8.576 10h6.849q.076.97.077 2H13a2 2 0 0 0-2 2zm11.002-3h-5q0-.681-.032-1.343L16.932 10h4.87c.13.645.2 1.314.2 1.999m-14.63 4.5l-4.306.001l.146.279a10.03 10.03 0 0 0 5.952 4.814c-.81-1.24-1.428-3.011-1.792-5.093M7.069 10h-4.87a10.05 10.05 0 0 0 .257 5H7.16l-.057-.58A28 28 0 0 1 7.069 10m7.767-7.593l.108.17c.88 1.43 1.522 3.507 1.837 5.923h4.591a10.03 10.03 0 0 0-6.536-6.093m-5.672 0l-.122.037A10.03 10.03 0 0 0 2.628 8.5H7.22l.062-.44c.347-2.324 1.002-4.304 1.883-5.653m6.05 5.778C14.646 4.544 13.32 2.002 12 2.002c-1.356 0-2.721 2.689-3.26 6.498h6.52zM12 14a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3v2h.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h.5v-2h-3a1 1 0 0 1-1-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 16.5H8.904l.058.295C9.6 19.905 10.803 22 12 22c.495 0 .992-.358 1.449-.999H13a2 2 0 0 1-2-2zm0-1.5H8.674a26 26 0 0 1-.132-4.512L8.576 10h6.849q.076.97.077 2H13a2 2 0 0 0-2 2zm11.002-3h-5q0-.681-.032-1.343L16.932 10h4.87c.13.645.2 1.314.2 1.999m-14.63 4.5l-4.306.001l.146.279a10.03 10.03 0 0 0 5.952 4.814c-.81-1.24-1.428-3.011-1.792-5.093M7.069 10h-4.87a10.05 10.05 0 0 0 .257 5H7.16l-.057-.58A28 28 0 0 1 7.069 10m7.767-7.593l.108.17c.88 1.43 1.522 3.507 1.837 5.923h4.591a10.03 10.03 0 0 0-6.536-6.093m-5.672 0l-.122.037A10.03 10.03 0 0 0 2.628 8.5H7.22l.062-.44c.347-2.324 1.002-4.304 1.883-5.653m6.05 5.778C14.646 4.544 13.32 2.002 12 2.002c-1.356 0-2.721 2.689-3.26 6.498h6.52zM12 14a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3v2h.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h.5v-2h-3a1 1 0 0 1-1-1z"/></svg> </template>
CSS
.icon-globe-desktop-24-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2016.5H8.904l.058.295C9.6%2019.905%2010.803%2022%2012%2022c.495%200%20.992-.358%201.449-.999H13a2%202%200%200%201-2-2zm0-1.5H8.674a26%2026%200%200%201-.132-4.512L8.576%2010h6.849q.076.97.077%202H13a2%202%200%200%200-2%202zm11.002-3h-5q0-.681-.032-1.343L16.932%2010h4.87c.13.645.2%201.314.2%201.999m-14.63%204.5l-4.306.001l.146.279a10.03%2010.03%200%200%200%205.952%204.814c-.81-1.24-1.428-3.011-1.792-5.093M7.069%2010h-4.87a10.05%2010.05%200%200%200%20.257%205H7.16l-.057-.58A28%2028%200%200%201%207.069%2010m7.767-7.593l.108.17c.88%201.43%201.522%203.507%201.837%205.923h4.591a10.03%2010.03%200%200%200-6.536-6.093m-5.672%200l-.122.037A10.03%2010.03%200%200%200%202.628%208.5H7.22l.062-.44c.347-2.324%201.002-4.304%201.883-5.653m6.05%205.778C14.646%204.544%2013.32%202.002%2012%202.002c-1.356%200-2.721%202.689-3.26%206.498h6.52zM12%2014a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-3v2h.5a.5.5%200%200%201%200%201h-4a.5.5%200%200%201%200-1h.5v-2h-3a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2016.5H8.904l.058.295C9.6%2019.905%2010.803%2022%2012%2022c.495%200%20.992-.358%201.449-.999H13a2%202%200%200%201-2-2zm0-1.5H8.674a26%2026%200%200%201-.132-4.512L8.576%2010h6.849q.076.97.077%202H13a2%202%200%200%200-2%202zm11.002-3h-5q0-.681-.032-1.343L16.932%2010h4.87c.13.645.2%201.314.2%201.999m-14.63%204.5l-4.306.001l.146.279a10.03%2010.03%200%200%200%205.952%204.814c-.81-1.24-1.428-3.011-1.792-5.093M7.069%2010h-4.87a10.05%2010.05%200%200%200%20.257%205H7.16l-.057-.58A28%2028%200%200%201%207.069%2010m7.767-7.593l.108.17c.88%201.43%201.522%203.507%201.837%205.923h4.591a10.03%2010.03%200%200%200-6.536-6.093m-5.672%200l-.122.037A10.03%2010.03%200%200%200%202.628%208.5H7.22l.062-.44c.347-2.324%201.002-4.304%201.883-5.653m6.05%205.778C14.646%204.544%2013.32%202.002%2012%202.002c-1.356%200-2.721%202.689-3.26%206.498h6.52zM12%2014a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-3v2h.5a.5.5%200%200%201%200%201h-4a.5.5%200%200%201%200-1h.5v-2h-3a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-desktop-24-filled.svg?color=%231a73e8&size=48
