globe icon
globe from Majesticons by Gerrit Halfmann · Solid · MIT Free for personal and commercial use.
- Name
- globe
- Set
- Majesticons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
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 Iconsglobe-20Fluent UI System Color Iconsglobecss.ggglobeHealth IconsglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine Awesome
Related icons in Majesticons
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-rule="evenodd" clip-rule="evenodd" d="M10.059 2.188a10.016 10.016 0 0 0-7.242 5.847h4.616a16.98 16.98 0 0 1 2.19-5.162l.436-.685zM2.202 9.99a10.04 10.04 0 0 0 0 4.021c.094-.029.194-.044.298-.044h4.579a17.026 17.026 0 0 1 0-3.931H2.5a.978.978 0 0 1-.298-.046zm.615 5.976a10.017 10.017 0 0 0 7.242 5.847l-.436-.685a16.98 16.98 0 0 1-2.19-5.161H2.817zm11.124 5.847a10.017 10.017 0 0 0 7.242-5.847h-4.616a16.98 16.98 0 0 1-2.19 5.162l-.436.685zm7.857-7.802a10.037 10.037 0 0 0 0-4.02a1.009 1.009 0 0 1-.298.044h-4.579a17.023 17.023 0 0 1 0 3.931H21.5c.104 0 .204.016.298.046zm-.615-5.975h-4.616a16.98 16.98 0 0 0-2.19-5.162l-.436-.685a10.017 10.017 0 0 1 7.242 5.847zM12.69 3.947a14.987 14.987 0 0 1 1.812 4.088H9.498c.39-1.424.994-2.803 1.812-4.088L12 2.863l.69 1.084zM9.094 13.966a15.023 15.023 0 0 1 0-3.931h5.812a15.02 15.02 0 0 1 0 3.93H9.094zm2.216 6.087a14.986 14.986 0 0 1-1.812-4.088h5.004a14.986 14.986 0 0 1-1.812 4.088L12 21.137l-.69-1.084z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsGlobe(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 fillRule="evenodd" clipRule="evenodd" d="M10.059 2.188a10.016 10.016 0 0 0-7.242 5.847h4.616a16.98 16.98 0 0 1 2.19-5.162l.436-.685zM2.202 9.99a10.04 10.04 0 0 0 0 4.021c.094-.029.194-.044.298-.044h4.579a17.026 17.026 0 0 1 0-3.931H2.5a.978.978 0 0 1-.298-.046zm.615 5.976a10.017 10.017 0 0 0 7.242 5.847l-.436-.685a16.98 16.98 0 0 1-2.19-5.161H2.817zm11.124 5.847a10.017 10.017 0 0 0 7.242-5.847h-4.616a16.98 16.98 0 0 1-2.19 5.162l-.436.685zm7.857-7.802a10.037 10.037 0 0 0 0-4.02a1.009 1.009 0 0 1-.298.044h-4.579a17.023 17.023 0 0 1 0 3.931H21.5c.104 0 .204.016.298.046zm-.615-5.975h-4.616a16.98 16.98 0 0 0-2.19-5.162l-.436-.685a10.017 10.017 0 0 1 7.242 5.847zM12.69 3.947a14.987 14.987 0 0 1 1.812 4.088H9.498c.39-1.424.994-2.803 1.812-4.088L12 2.863l.69 1.084zM9.094 13.966a15.023 15.023 0 0 1 0-3.931h5.812a15.02 15.02 0 0 1 0 3.93H9.094zm2.216 6.087a14.986 14.986 0 0 1-1.812-4.088h5.004a14.986 14.986 0 0 1-1.812 4.088L12 21.137l-.69-1.084z" fill="currentColor"/></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-rule="evenodd" clip-rule="evenodd" d="M10.059 2.188a10.016 10.016 0 0 0-7.242 5.847h4.616a16.98 16.98 0 0 1 2.19-5.162l.436-.685zM2.202 9.99a10.04 10.04 0 0 0 0 4.021c.094-.029.194-.044.298-.044h4.579a17.026 17.026 0 0 1 0-3.931H2.5a.978.978 0 0 1-.298-.046zm.615 5.976a10.017 10.017 0 0 0 7.242 5.847l-.436-.685a16.98 16.98 0 0 1-2.19-5.161H2.817zm11.124 5.847a10.017 10.017 0 0 0 7.242-5.847h-4.616a16.98 16.98 0 0 1-2.19 5.162l-.436.685zm7.857-7.802a10.037 10.037 0 0 0 0-4.02a1.009 1.009 0 0 1-.298.044h-4.579a17.023 17.023 0 0 1 0 3.931H21.5c.104 0 .204.016.298.046zm-.615-5.975h-4.616a16.98 16.98 0 0 0-2.19-5.162l-.436-.685a10.017 10.017 0 0 1 7.242 5.847zM12.69 3.947a14.987 14.987 0 0 1 1.812 4.088H9.498c.39-1.424.994-2.803 1.812-4.088L12 2.863l.69 1.084zM9.094 13.966a15.023 15.023 0 0 1 0-3.931h5.812a15.02 15.02 0 0 1 0 3.93H9.094zm2.216 6.087a14.986 14.986 0 0 1-1.812-4.088h5.004a14.986 14.986 0 0 1-1.812 4.088L12 21.137l-.69-1.084z" fill="currentColor"/></g></svg> </template>
CSS
.icon-globe {
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-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.059%202.188a10.016%2010.016%200%200%200-7.242%205.847h4.616a16.98%2016.98%200%200%201%202.19-5.162l.436-.685zM2.202%209.99a10.04%2010.04%200%200%200%200%204.021c.094-.029.194-.044.298-.044h4.579a17.026%2017.026%200%200%201%200-3.931H2.5a.978.978%200%200%201-.298-.046zm.615%205.976a10.017%2010.017%200%200%200%207.242%205.847l-.436-.685a16.98%2016.98%200%200%201-2.19-5.161H2.817zm11.124%205.847a10.017%2010.017%200%200%200%207.242-5.847h-4.616a16.98%2016.98%200%200%201-2.19%205.162l-.436.685zm7.857-7.802a10.037%2010.037%200%200%200%200-4.02a1.009%201.009%200%200%201-.298.044h-4.579a17.023%2017.023%200%200%201%200%203.931H21.5c.104%200%20.204.016.298.046zm-.615-5.975h-4.616a16.98%2016.98%200%200%200-2.19-5.162l-.436-.685a10.017%2010.017%200%200%201%207.242%205.847zM12.69%203.947a14.987%2014.987%200%200%201%201.812%204.088H9.498c.39-1.424.994-2.803%201.812-4.088L12%202.863l.69%201.084zM9.094%2013.966a15.023%2015.023%200%200%201%200-3.931h5.812a15.02%2015.02%200%200%201%200%203.93H9.094zm2.216%206.087a14.986%2014.986%200%200%201-1.812-4.088h5.004a14.986%2014.986%200%200%201-1.812%204.088L12%2021.137l-.69-1.084z%22%20fill%3D%22currentColor%22%2F%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-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.059%202.188a10.016%2010.016%200%200%200-7.242%205.847h4.616a16.98%2016.98%200%200%201%202.19-5.162l.436-.685zM2.202%209.99a10.04%2010.04%200%200%200%200%204.021c.094-.029.194-.044.298-.044h4.579a17.026%2017.026%200%200%201%200-3.931H2.5a.978.978%200%200%201-.298-.046zm.615%205.976a10.017%2010.017%200%200%200%207.242%205.847l-.436-.685a16.98%2016.98%200%200%201-2.19-5.161H2.817zm11.124%205.847a10.017%2010.017%200%200%200%207.242-5.847h-4.616a16.98%2016.98%200%200%201-2.19%205.162l-.436.685zm7.857-7.802a10.037%2010.037%200%200%200%200-4.02a1.009%201.009%200%200%201-.298.044h-4.579a17.023%2017.023%200%200%201%200%203.931H21.5c.104%200%20.204.016.298.046zm-.615-5.975h-4.616a16.98%2016.98%200%200%200-2.19-5.162l-.436-.685a10.017%2010.017%200%200%201%207.242%205.847zM12.69%203.947a14.987%2014.987%200%200%201%201.812%204.088H9.498c.39-1.424.994-2.803%201.812-4.088L12%202.863l.69%201.084zM9.094%2013.966a15.023%2015.023%200%200%201%200-3.931h5.812a15.02%2015.02%200%200%201%200%203.93H9.094zm2.216%206.087a14.986%2014.986%200%200%201-1.812-4.088h5.004a14.986%2014.986%200%200%201-1.812%204.088L12%2021.137l-.69-1.084z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/globe.svg?color=%231a73e8&size=48
