globe icon
globe-24 from Fluent UI System Color Icons by Microsoft Corporation · 24 · MIT Free for personal and commercial use.
- Name
- globe-24
- Set
- Fluent UI System Color Icons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Fluent UI System Color Icons
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobeCodiconsglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFont Awesome SolidglobeFeather Iconsglobe-outlineFlowbite Iconsglobe-12-filledFluent UI System Iconsglobecss.ggglobeHealth IconsglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucide
Related icons in Fluent UI System Color Icons
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGMmOBQdsL)" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10"/><path fill="url(#SVGkjxtvv0q)" fill-rule="evenodd" d="M9.115 2.422a9.6 9.6 0 0 0-.85 1.704c-.48 1.23-.838 2.723-1.049 4.374H2.63q-.271.725-.43 1.5h4.87a29 29 0 0 0 .088 5h-4.7q.246.78.61 1.5h4.297c.215 1.255.52 2.397.9 3.374c.246.63.53 1.205.85 1.704A10 10 0 0 0 12 22a10 10 0 0 0 2.885-.422a9.6 9.6 0 0 0 .85-1.704c.38-.977.685-2.119.9-3.374h4.298q.364-.72.61-1.5h-4.7a29 29 0 0 0 .088-5h4.87a10 10 0 0 0-.43-1.5h-4.587c-.21-1.651-.57-3.144-1.05-4.374a9.6 9.6 0 0 0-.849-1.704A10 10 0 0 0 12 2a10 10 0 0 0-2.885.422M8.73 8.5c.2-1.47.522-2.774.934-3.829c.36-.92.77-1.612 1.194-2.062C11.278 2.163 11.663 2 12 2s.723.163 1.143.609c.423.45.835 1.142 1.194 2.062c.412 1.055.734 2.36.934 3.829zM12 22c.338 0 .723-.163 1.143-.609c.423-.45.835-1.142 1.194-2.062c.316-.81.58-1.765.775-2.829H8.888c.196 1.064.46 2.02.775 2.829c.36.92.77 1.612 1.194 2.062c.42.446.805.609 1.143.609M8.5 12c0 1.048.058 2.055.166 3h6.668a27 27 0 0 0 .094-5H8.573a27 27 0 0 0-.073 2" clip-rule="evenodd"/><defs><radialGradient id="SVGkjxtvv0q" cx="0" cy="0" r="1" gradientTransform="rotate(224.662 12.654 4.738)scale(16.0089 16.0078)" gradientUnits="userSpaceOnUse"><stop stop-color="#25a2f0"/><stop offset=".974" stop-color="#3bd5ff"/></radialGradient><linearGradient id="SVGMmOBQdsL" x1="6.444" x2="20.889" y1="5.333" y2="18.667" gradientUnits="userSpaceOnUse"><stop stop-color="#29c3ff"/><stop offset="1" stop-color="#2052cb"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorGlobe24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGMmOBQdsL)" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10"/><path fill="url(#SVGkjxtvv0q)" fillRule="evenodd" d="M9.115 2.422a9.6 9.6 0 0 0-.85 1.704c-.48 1.23-.838 2.723-1.049 4.374H2.63q-.271.725-.43 1.5h4.87a29 29 0 0 0 .088 5h-4.7q.246.78.61 1.5h4.297c.215 1.255.52 2.397.9 3.374c.246.63.53 1.205.85 1.704A10 10 0 0 0 12 22a10 10 0 0 0 2.885-.422a9.6 9.6 0 0 0 .85-1.704c.38-.977.685-2.119.9-3.374h4.298q.364-.72.61-1.5h-4.7a29 29 0 0 0 .088-5h4.87a10 10 0 0 0-.43-1.5h-4.587c-.21-1.651-.57-3.144-1.05-4.374a9.6 9.6 0 0 0-.849-1.704A10 10 0 0 0 12 2a10 10 0 0 0-2.885.422M8.73 8.5c.2-1.47.522-2.774.934-3.829c.36-.92.77-1.612 1.194-2.062C11.278 2.163 11.663 2 12 2s.723.163 1.143.609c.423.45.835 1.142 1.194 2.062c.412 1.055.734 2.36.934 3.829zM12 22c.338 0 .723-.163 1.143-.609c.423-.45.835-1.142 1.194-2.062c.316-.81.58-1.765.775-2.829H8.888c.196 1.064.46 2.02.775 2.829c.36.92.77 1.612 1.194 2.062c.42.446.805.609 1.143.609M8.5 12c0 1.048.058 2.055.166 3h6.668a27 27 0 0 0 .094-5H8.573a27 27 0 0 0-.073 2" clipRule="evenodd"/><defs><radialGradient id="SVGkjxtvv0q" cx="0" cy="0" r="1" gradientTransform="rotate(224.662 12.654 4.738)scale(16.0089 16.0078)" gradientUnits="userSpaceOnUse"><stop stopColor="#25a2f0"/><stop offset=".974" stopColor="#3bd5ff"/></radialGradient><linearGradient id="SVGMmOBQdsL" x1="6.444" x2="20.889" y1="5.333" y2="18.667" gradientUnits="userSpaceOnUse"><stop stopColor="#29c3ff"/><stop offset="1" stopColor="#2052cb"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGMmOBQdsL)" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10"/><path fill="url(#SVGkjxtvv0q)" fill-rule="evenodd" d="M9.115 2.422a9.6 9.6 0 0 0-.85 1.704c-.48 1.23-.838 2.723-1.049 4.374H2.63q-.271.725-.43 1.5h4.87a29 29 0 0 0 .088 5h-4.7q.246.78.61 1.5h4.297c.215 1.255.52 2.397.9 3.374c.246.63.53 1.205.85 1.704A10 10 0 0 0 12 22a10 10 0 0 0 2.885-.422a9.6 9.6 0 0 0 .85-1.704c.38-.977.685-2.119.9-3.374h4.298q.364-.72.61-1.5h-4.7a29 29 0 0 0 .088-5h4.87a10 10 0 0 0-.43-1.5h-4.587c-.21-1.651-.57-3.144-1.05-4.374a9.6 9.6 0 0 0-.849-1.704A10 10 0 0 0 12 2a10 10 0 0 0-2.885.422M8.73 8.5c.2-1.47.522-2.774.934-3.829c.36-.92.77-1.612 1.194-2.062C11.278 2.163 11.663 2 12 2s.723.163 1.143.609c.423.45.835 1.142 1.194 2.062c.412 1.055.734 2.36.934 3.829zM12 22c.338 0 .723-.163 1.143-.609c.423-.45.835-1.142 1.194-2.062c.316-.81.58-1.765.775-2.829H8.888c.196 1.064.46 2.02.775 2.829c.36.92.77 1.612 1.194 2.062c.42.446.805.609 1.143.609M8.5 12c0 1.048.058 2.055.166 3h6.668a27 27 0 0 0 .094-5H8.573a27 27 0 0 0-.073 2" clip-rule="evenodd"/><defs><radialGradient id="SVGkjxtvv0q" cx="0" cy="0" r="1" gradientTransform="rotate(224.662 12.654 4.738)scale(16.0089 16.0078)" gradientUnits="userSpaceOnUse"><stop stop-color="#25a2f0"/><stop offset=".974" stop-color="#3bd5ff"/></radialGradient><linearGradient id="SVGMmOBQdsL" x1="6.444" x2="20.889" y1="5.333" y2="18.667" gradientUnits="userSpaceOnUse"><stop stop-color="#29c3ff"/><stop offset="1" stop-color="#2052cb"/></linearGradient></defs></g></svg> </template>
CSS
.icon-globe-24 {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGMmOBQdsL)%22%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkjxtvv0q)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.115%202.422a9.6%209.6%200%200%200-.85%201.704c-.48%201.23-.838%202.723-1.049%204.374H2.63q-.271.725-.43%201.5h4.87a29%2029%200%200%200%20.088%205h-4.7q.246.78.61%201.5h4.297c.215%201.255.52%202.397.9%203.374c.246.63.53%201.205.85%201.704A10%2010%200%200%200%2012%2022a10%2010%200%200%200%202.885-.422a9.6%209.6%200%200%200%20.85-1.704c.38-.977.685-2.119.9-3.374h4.298q.364-.72.61-1.5h-4.7a29%2029%200%200%200%20.088-5h4.87a10%2010%200%200%200-.43-1.5h-4.587c-.21-1.651-.57-3.144-1.05-4.374a9.6%209.6%200%200%200-.849-1.704A10%2010%200%200%200%2012%202a10%2010%200%200%200-2.885.422M8.73%208.5c.2-1.47.522-2.774.934-3.829c.36-.92.77-1.612%201.194-2.062C11.278%202.163%2011.663%202%2012%202s.723.163%201.143.609c.423.45.835%201.142%201.194%202.062c.412%201.055.734%202.36.934%203.829zM12%2022c.338%200%20.723-.163%201.143-.609c.423-.45.835-1.142%201.194-2.062c.316-.81.58-1.765.775-2.829H8.888c.196%201.064.46%202.02.775%202.829c.36.92.77%201.612%201.194%202.062c.42.446.805.609%201.143.609M8.5%2012c0%201.048.058%202.055.166%203h6.668a27%2027%200%200%200%20.094-5H8.573a27%2027%200%200%200-.073%202%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGkjxtvv0q%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(224.662%2012.654%204.738)scale(16.0089%2016.0078)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2325a2f0%22%2F%3E%3Cstop%20offset%3D%22.974%22%20stop-color%3D%22%233bd5ff%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGMmOBQdsL%22%20x1%3D%226.444%22%20x2%3D%2220.889%22%20y1%3D%225.333%22%20y2%3D%2218.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2329c3ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232052cb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGMmOBQdsL)%22%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkjxtvv0q)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.115%202.422a9.6%209.6%200%200%200-.85%201.704c-.48%201.23-.838%202.723-1.049%204.374H2.63q-.271.725-.43%201.5h4.87a29%2029%200%200%200%20.088%205h-4.7q.246.78.61%201.5h4.297c.215%201.255.52%202.397.9%203.374c.246.63.53%201.205.85%201.704A10%2010%200%200%200%2012%2022a10%2010%200%200%200%202.885-.422a9.6%209.6%200%200%200%20.85-1.704c.38-.977.685-2.119.9-3.374h4.298q.364-.72.61-1.5h-4.7a29%2029%200%200%200%20.088-5h4.87a10%2010%200%200%200-.43-1.5h-4.587c-.21-1.651-.57-3.144-1.05-4.374a9.6%209.6%200%200%200-.849-1.704A10%2010%200%200%200%2012%202a10%2010%200%200%200-2.885.422M8.73%208.5c.2-1.47.522-2.774.934-3.829c.36-.92.77-1.612%201.194-2.062C11.278%202.163%2011.663%202%2012%202s.723.163%201.143.609c.423.45.835%201.142%201.194%202.062c.412%201.055.734%202.36.934%203.829zM12%2022c.338%200%20.723-.163%201.143-.609c.423-.45.835-1.142%201.194-2.062c.316-.81.58-1.765.775-2.829H8.888c.196%201.064.46%202.02.775%202.829c.36.92.77%201.612%201.194%202.062c.42.446.805.609%201.143.609M8.5%2012c0%201.048.058%202.055.166%203h6.668a27%2027%200%200%200%20.094-5H8.573a27%2027%200%200%200-.073%202%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGkjxtvv0q%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(224.662%2012.654%204.738)scale(16.0089%2016.0078)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2325a2f0%22%2F%3E%3Cstop%20offset%3D%22.974%22%20stop-color%3D%22%233bd5ff%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGMmOBQdsL%22%20x1%3D%226.444%22%20x2%3D%2220.889%22%20y1%3D%225.333%22%20y2%3D%2218.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2329c3ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232052cb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/globe-24.svg?color=%231a73e8&size=48
