globe icon
globe-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- globe-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
14 other variants in Fluent UI System Icons
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFeather Iconsglobecss.ggglobeHuge IconsglobeHumbleiconsglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucideglobeMage IconsglobeMajesticonsglobeMaterial Symbolsglobe-fillMingCute IconglobeOcticonsglobePhosphorglobePixelarticonsglobeRadix Iconsglobe-fillRemix Icon
Related icons in Fluent UI System Icons
globe-add-20-filledglobe-arrow-forward-16-filledglobe-arrow-up-16-filledglobe-clock-16-filledglobe-desktop-20-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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 3c.374 0 .875.356 1.313 1.318q.141.313.26.682H6.427a6 6 0 0 1 .26-.682C7.125 3.356 7.627 3 8 3m-2.223.904q-.227.5-.393 1.096H4a5 5 0 0 1 2.038-1.6a6 6 0 0 0-.261.504M5.163 6A12 12 0 0 0 5 8c0 .699.057 1.373.163 2H3.416A5 5 0 0 1 3 8c0-.711.148-1.388.416-2zm.221 5q.166.596.393 1.096q.119.262.26.504A5 5 0 0 1 4 11zm1.043 0h3.146a6 6 0 0 1-.26.682C8.875 12.644 8.373 13 8 13c-.374 0-.875-.356-1.313-1.318a6 6 0 0 1-.26-.682m3.394-1H6.18A11 11 0 0 1 6 8c0-.714.064-1.39.179-2H9.82c.115.61.179 1.286.179 2s-.064 1.39-.179 2m.795 1H12a5 5 0 0 1-2.038 1.6q.143-.242.26-.504q.229-.5.394-1.096m1.968-1h-1.747A12 12 0 0 0 11 8c0-.699-.057-1.372-.163-2h1.747c.268.612.416 1.289.416 2s-.148 1.388-.416 2M9.962 3.4A5 5 0 0 1 12 5h-1.384a7.5 7.5 0 0 0-.393-1.096a6 6 0 0 0-.26-.504"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobe16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 3c.374 0 .875.356 1.313 1.318q.141.313.26.682H6.427a6 6 0 0 1 .26-.682C7.125 3.356 7.627 3 8 3m-2.223.904q-.227.5-.393 1.096H4a5 5 0 0 1 2.038-1.6a6 6 0 0 0-.261.504M5.163 6A12 12 0 0 0 5 8c0 .699.057 1.373.163 2H3.416A5 5 0 0 1 3 8c0-.711.148-1.388.416-2zm.221 5q.166.596.393 1.096q.119.262.26.504A5 5 0 0 1 4 11zm1.043 0h3.146a6 6 0 0 1-.26.682C8.875 12.644 8.373 13 8 13c-.374 0-.875-.356-1.313-1.318a6 6 0 0 1-.26-.682m3.394-1H6.18A11 11 0 0 1 6 8c0-.714.064-1.39.179-2H9.82c.115.61.179 1.286.179 2s-.064 1.39-.179 2m.795 1H12a5 5 0 0 1-2.038 1.6q.143-.242.26-.504q.229-.5.394-1.096m1.968-1h-1.747A12 12 0 0 0 11 8c0-.699-.057-1.372-.163-2h1.747c.268.612.416 1.289.416 2s-.148 1.388-.416 2M9.962 3.4A5 5 0 0 1 12 5h-1.384a7.5 7.5 0 0 0-.393-1.096a6 6 0 0 0-.26-.504"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 3c.374 0 .875.356 1.313 1.318q.141.313.26.682H6.427a6 6 0 0 1 .26-.682C7.125 3.356 7.627 3 8 3m-2.223.904q-.227.5-.393 1.096H4a5 5 0 0 1 2.038-1.6a6 6 0 0 0-.261.504M5.163 6A12 12 0 0 0 5 8c0 .699.057 1.373.163 2H3.416A5 5 0 0 1 3 8c0-.711.148-1.388.416-2zm.221 5q.166.596.393 1.096q.119.262.26.504A5 5 0 0 1 4 11zm1.043 0h3.146a6 6 0 0 1-.26.682C8.875 12.644 8.373 13 8 13c-.374 0-.875-.356-1.313-1.318a6 6 0 0 1-.26-.682m3.394-1H6.18A11 11 0 0 1 6 8c0-.714.064-1.39.179-2H9.82c.115.61.179 1.286.179 2s-.064 1.39-.179 2m.795 1H12a5 5 0 0 1-2.038 1.6q.143-.242.26-.504q.229-.5.394-1.096m1.968-1h-1.747A12 12 0 0 0 11 8c0-.699-.057-1.372-.163-2h1.747c.268.612.416 1.289.416 2s-.148 1.388-.416 2M9.962 3.4A5 5 0 0 1 12 5h-1.384a7.5 7.5 0 0 0-.393-1.096a6 6 0 0 0-.26-.504"/></svg> </template>
CSS
.icon-globe-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2014A6%206%200%201%200%208%202a6%206%200%200%200%200%2012M8%203c.374%200%20.875.356%201.313%201.318q.141.313.26.682H6.427a6%206%200%200%201%20.26-.682C7.125%203.356%207.627%203%208%203m-2.223.904q-.227.5-.393%201.096H4a5%205%200%200%201%202.038-1.6a6%206%200%200%200-.261.504M5.163%206A12%2012%200%200%200%205%208c0%20.699.057%201.373.163%202H3.416A5%205%200%200%201%203%208c0-.711.148-1.388.416-2zm.221%205q.166.596.393%201.096q.119.262.26.504A5%205%200%200%201%204%2011zm1.043%200h3.146a6%206%200%200%201-.26.682C8.875%2012.644%208.373%2013%208%2013c-.374%200-.875-.356-1.313-1.318a6%206%200%200%201-.26-.682m3.394-1H6.18A11%2011%200%200%201%206%208c0-.714.064-1.39.179-2H9.82c.115.61.179%201.286.179%202s-.064%201.39-.179%202m.795%201H12a5%205%200%200%201-2.038%201.6q.143-.242.26-.504q.229-.5.394-1.096m1.968-1h-1.747A12%2012%200%200%200%2011%208c0-.699-.057-1.372-.163-2h1.747c.268.612.416%201.289.416%202s-.148%201.388-.416%202M9.962%203.4A5%205%200%200%201%2012%205h-1.384a7.5%207.5%200%200%200-.393-1.096a6%206%200%200%200-.26-.504%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2014A6%206%200%201%200%208%202a6%206%200%200%200%200%2012M8%203c.374%200%20.875.356%201.313%201.318q.141.313.26.682H6.427a6%206%200%200%201%20.26-.682C7.125%203.356%207.627%203%208%203m-2.223.904q-.227.5-.393%201.096H4a5%205%200%200%201%202.038-1.6a6%206%200%200%200-.261.504M5.163%206A12%2012%200%200%200%205%208c0%20.699.057%201.373.163%202H3.416A5%205%200%200%201%203%208c0-.711.148-1.388.416-2zm.221%205q.166.596.393%201.096q.119.262.26.504A5%205%200%200%201%204%2011zm1.043%200h3.146a6%206%200%200%201-.26.682C8.875%2012.644%208.373%2013%208%2013c-.374%200-.875-.356-1.313-1.318a6%206%200%200%201-.26-.682m3.394-1H6.18A11%2011%200%200%201%206%208c0-.714.064-1.39.179-2H9.82c.115.61.179%201.286.179%202s-.064%201.39-.179%202m.795%201H12a5%205%200%200%201-2.038%201.6q.143-.242.26-.504q.229-.5.394-1.096m1.968-1h-1.747A12%2012%200%200%200%2011%208c0-.699-.057-1.372-.163-2h1.747c.268.612.416%201.289.416%202s-.148%201.388-.416%202M9.962%203.4A5%205%200%200%201%2012%205h-1.384a7.5%207.5%200%200%200-.393-1.096a6%206%200%200%200-.26-.504%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-16-regular.svg?color=%231a73e8&size=48
