globe icon
globe-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- globe-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
14 other variants in Fluent UI System Icons
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobeCodiconsglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFont Awesome SolidglobeFeather Iconsglobe-outlineFlowbite Iconsglobe-20Fluent UI System Color Iconsglobecss.ggglobeHealth IconsglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucide
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="M6 8c0-.703.044-1.375.125-2h3.75c.08.625.125 1.297.125 2s-.044 1.375-.125 2h-3.75A16 16 0 0 1 6 8m-.883 2A17 17 0 0 1 5 8c0-.693.04-1.365.117-2H2.34A6 6 0 0 0 2 8c0 .701.12 1.374.341 2zm-2.314 1h2.47c.125.655.292 1.254.493 1.776c.134.349.286.672.457.957A6.02 6.02 0 0 1 2.803 11m3.489 0h3.416a9 9 0 0 1-.407 1.417c-.213.554-.455.969-.698 1.236S8.156 14 8 14s-.36-.08-.603-.347s-.485-.682-.698-1.236A9 9 0 0 1 6.292 11m4.436 0a10.5 10.5 0 0 1-.494 1.776a6 6 0 0 1-.457.957A6.02 6.02 0 0 0 13.197 11zm2.93-1A6 6 0 0 0 14 8a6 6 0 0 0-.341-2h-2.776c.076.635.117 1.307.117 2s-.04 1.365-.117 2zM9.302 3.583c.159.414.297.89.407 1.417H6.292c.11-.527.248-1.003.407-1.417c.213-.554.455-.969.698-1.236S7.844 2 8 2s.36.08.603.347s.485.682.698 1.236M10.728 5h2.47a6.02 6.02 0 0 0-3.421-2.733c.17.285.323.608.457.957c.201.522.368 1.12.494 1.776M2.803 5h2.47a10.5 10.5 0 0 1 .493-1.776c.134-.349.286-.672.457-.957A6.02 6.02 0 0 0 2.803 5"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobe16Filled(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="M6 8c0-.703.044-1.375.125-2h3.75c.08.625.125 1.297.125 2s-.044 1.375-.125 2h-3.75A16 16 0 0 1 6 8m-.883 2A17 17 0 0 1 5 8c0-.693.04-1.365.117-2H2.34A6 6 0 0 0 2 8c0 .701.12 1.374.341 2zm-2.314 1h2.47c.125.655.292 1.254.493 1.776c.134.349.286.672.457.957A6.02 6.02 0 0 1 2.803 11m3.489 0h3.416a9 9 0 0 1-.407 1.417c-.213.554-.455.969-.698 1.236S8.156 14 8 14s-.36-.08-.603-.347s-.485-.682-.698-1.236A9 9 0 0 1 6.292 11m4.436 0a10.5 10.5 0 0 1-.494 1.776a6 6 0 0 1-.457.957A6.02 6.02 0 0 0 13.197 11zm2.93-1A6 6 0 0 0 14 8a6 6 0 0 0-.341-2h-2.776c.076.635.117 1.307.117 2s-.04 1.365-.117 2zM9.302 3.583c.159.414.297.89.407 1.417H6.292c.11-.527.248-1.003.407-1.417c.213-.554.455-.969.698-1.236S7.844 2 8 2s.36.08.603.347s.485.682.698 1.236M10.728 5h2.47a6.02 6.02 0 0 0-3.421-2.733c.17.285.323.608.457.957c.201.522.368 1.12.494 1.776M2.803 5h2.47a10.5 10.5 0 0 1 .493-1.776c.134-.349.286-.672.457-.957A6.02 6.02 0 0 0 2.803 5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6 8c0-.703.044-1.375.125-2h3.75c.08.625.125 1.297.125 2s-.044 1.375-.125 2h-3.75A16 16 0 0 1 6 8m-.883 2A17 17 0 0 1 5 8c0-.693.04-1.365.117-2H2.34A6 6 0 0 0 2 8c0 .701.12 1.374.341 2zm-2.314 1h2.47c.125.655.292 1.254.493 1.776c.134.349.286.672.457.957A6.02 6.02 0 0 1 2.803 11m3.489 0h3.416a9 9 0 0 1-.407 1.417c-.213.554-.455.969-.698 1.236S8.156 14 8 14s-.36-.08-.603-.347s-.485-.682-.698-1.236A9 9 0 0 1 6.292 11m4.436 0a10.5 10.5 0 0 1-.494 1.776a6 6 0 0 1-.457.957A6.02 6.02 0 0 0 13.197 11zm2.93-1A6 6 0 0 0 14 8a6 6 0 0 0-.341-2h-2.776c.076.635.117 1.307.117 2s-.04 1.365-.117 2zM9.302 3.583c.159.414.297.89.407 1.417H6.292c.11-.527.248-1.003.407-1.417c.213-.554.455-.969.698-1.236S7.844 2 8 2s.36.08.603.347s.485.682.698 1.236M10.728 5h2.47a6.02 6.02 0 0 0-3.421-2.733c.17.285.323.608.457.957c.201.522.368 1.12.494 1.776M2.803 5h2.47a10.5 10.5 0 0 1 .493-1.776c.134-.349.286-.672.457-.957A6.02 6.02 0 0 0 2.803 5"/></svg> </template>
CSS
.icon-globe-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%208c0-.703.044-1.375.125-2h3.75c.08.625.125%201.297.125%202s-.044%201.375-.125%202h-3.75A16%2016%200%200%201%206%208m-.883%202A17%2017%200%200%201%205%208c0-.693.04-1.365.117-2H2.34A6%206%200%200%200%202%208c0%20.701.12%201.374.341%202zm-2.314%201h2.47c.125.655.292%201.254.493%201.776c.134.349.286.672.457.957A6.02%206.02%200%200%201%202.803%2011m3.489%200h3.416a9%209%200%200%201-.407%201.417c-.213.554-.455.969-.698%201.236S8.156%2014%208%2014s-.36-.08-.603-.347s-.485-.682-.698-1.236A9%209%200%200%201%206.292%2011m4.436%200a10.5%2010.5%200%200%201-.494%201.776a6%206%200%200%201-.457.957A6.02%206.02%200%200%200%2013.197%2011zm2.93-1A6%206%200%200%200%2014%208a6%206%200%200%200-.341-2h-2.776c.076.635.117%201.307.117%202s-.04%201.365-.117%202zM9.302%203.583c.159.414.297.89.407%201.417H6.292c.11-.527.248-1.003.407-1.417c.213-.554.455-.969.698-1.236S7.844%202%208%202s.36.08.603.347s.485.682.698%201.236M10.728%205h2.47a6.02%206.02%200%200%200-3.421-2.733c.17.285.323.608.457.957c.201.522.368%201.12.494%201.776M2.803%205h2.47a10.5%2010.5%200%200%201%20.493-1.776c.134-.349.286-.672.457-.957A6.02%206.02%200%200%200%202.803%205%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%22M6%208c0-.703.044-1.375.125-2h3.75c.08.625.125%201.297.125%202s-.044%201.375-.125%202h-3.75A16%2016%200%200%201%206%208m-.883%202A17%2017%200%200%201%205%208c0-.693.04-1.365.117-2H2.34A6%206%200%200%200%202%208c0%20.701.12%201.374.341%202zm-2.314%201h2.47c.125.655.292%201.254.493%201.776c.134.349.286.672.457.957A6.02%206.02%200%200%201%202.803%2011m3.489%200h3.416a9%209%200%200%201-.407%201.417c-.213.554-.455.969-.698%201.236S8.156%2014%208%2014s-.36-.08-.603-.347s-.485-.682-.698-1.236A9%209%200%200%201%206.292%2011m4.436%200a10.5%2010.5%200%200%201-.494%201.776a6%206%200%200%201-.457.957A6.02%206.02%200%200%200%2013.197%2011zm2.93-1A6%206%200%200%200%2014%208a6%206%200%200%200-.341-2h-2.776c.076.635.117%201.307.117%202s-.04%201.365-.117%202zM9.302%203.583c.159.414.297.89.407%201.417H6.292c.11-.527.248-1.003.407-1.417c.213-.554.455-.969.698-1.236S7.844%202%208%202s.36.08.603.347s.485.682.698%201.236M10.728%205h2.47a6.02%206.02%200%200%200-3.421-2.733c.17.285.323.608.457.957c.201.522.368%201.12.494%201.776M2.803%205h2.47a10.5%2010.5%200%200%201%20.493-1.776c.134-.349.286-.672.457-.957A6.02%206.02%200%200%200%202.803%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-16-filled.svg?color=%231a73e8&size=48
