globe icon
globe-24px from Health Icons by Resolve to Save Lives · Filled 24px · Symbols · MIT Free for personal and commercial use.
- Name
- globe-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health 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 Iconsglobe-20Fluent UI System Color Iconsglobecss.ggglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucide
More symbols icons from Health Icons
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m1.079-17.928a1.15 1.15 0 0 0-.545 1.272a.5.5 0 0 0 .033.093l1.305 2.753A1.15 1.15 0 0 0 14.97 9h4.449A8 8 0 0 1 20 12h-3.167c-.311 0-.612.105-.856.297a1.4 1.4 0 0 0-.492.763v.002l-.444 1.807a1.42 1.42 0 0 0 .251 1.198a1.4 1.4 0 0 0 1.097.543h.219l.3 1.707A7.97 7.97 0 0 1 12 20a7.97 7.97 0 0 1-4.858-1.643l.57-3.2h.504a1.78 1.78 0 0 0 1.406-.69a1.8 1.8 0 0 0 .325-1.533l-.641-2.581v-.002a1.8 1.8 0 0 0-.634-.974A1.78 1.78 0 0 0 7.574 9H4.582a8 8 0 0 1 8.497-4.928" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsGlobe24px(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" fillRule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m1.079-17.928a1.15 1.15 0 0 0-.545 1.272a.5.5 0 0 0 .033.093l1.305 2.753A1.15 1.15 0 0 0 14.97 9h4.449A8 8 0 0 1 20 12h-3.167c-.311 0-.612.105-.856.297a1.4 1.4 0 0 0-.492.763v.002l-.444 1.807a1.42 1.42 0 0 0 .251 1.198a1.4 1.4 0 0 0 1.097.543h.219l.3 1.707A7.97 7.97 0 0 1 12 20a7.97 7.97 0 0 1-4.858-1.643l.57-3.2h.504a1.78 1.78 0 0 0 1.406-.69a1.8 1.8 0 0 0 .325-1.533l-.641-2.581v-.002a1.8 1.8 0 0 0-.634-.974A1.78 1.78 0 0 0 7.574 9H4.582a8 8 0 0 1 8.497-4.928" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m1.079-17.928a1.15 1.15 0 0 0-.545 1.272a.5.5 0 0 0 .033.093l1.305 2.753A1.15 1.15 0 0 0 14.97 9h4.449A8 8 0 0 1 20 12h-3.167c-.311 0-.612.105-.856.297a1.4 1.4 0 0 0-.492.763v.002l-.444 1.807a1.42 1.42 0 0 0 .251 1.198a1.4 1.4 0 0 0 1.097.543h.219l.3 1.707A7.97 7.97 0 0 1 12 20a7.97 7.97 0 0 1-4.858-1.643l.57-3.2h.504a1.78 1.78 0 0 0 1.406-.69a1.8 1.8 0 0 0 .325-1.533l-.641-2.581v-.002a1.8 1.8 0 0 0-.634-.974A1.78 1.78 0 0 0 7.574 9H4.582a8 8 0 0 1 8.497-4.928" clip-rule="evenodd"/></svg> </template>
CSS
.icon-globe-24px {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010m1.079-17.928a1.15%201.15%200%200%200-.545%201.272a.5.5%200%200%200%20.033.093l1.305%202.753A1.15%201.15%200%200%200%2014.97%209h4.449A8%208%200%200%201%2020%2012h-3.167c-.311%200-.612.105-.856.297a1.4%201.4%200%200%200-.492.763v.002l-.444%201.807a1.42%201.42%200%200%200%20.251%201.198a1.4%201.4%200%200%200%201.097.543h.219l.3%201.707A7.97%207.97%200%200%201%2012%2020a7.97%207.97%200%200%201-4.858-1.643l.57-3.2h.504a1.78%201.78%200%200%200%201.406-.69a1.8%201.8%200%200%200%20.325-1.533l-.641-2.581v-.002a1.8%201.8%200%200%200-.634-.974A1.78%201.78%200%200%200%207.574%209H4.582a8%208%200%200%201%208.497-4.928%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2022c5.523%200%2010-4.477%2010-10S17.523%202%2012%202S2%206.477%202%2012s4.477%2010%2010%2010m1.079-17.928a1.15%201.15%200%200%200-.545%201.272a.5.5%200%200%200%20.033.093l1.305%202.753A1.15%201.15%200%200%200%2014.97%209h4.449A8%208%200%200%201%2020%2012h-3.167c-.311%200-.612.105-.856.297a1.4%201.4%200%200%200-.492.763v.002l-.444%201.807a1.42%201.42%200%200%200%20.251%201.198a1.4%201.4%200%200%200%201.097.543h.219l.3%201.707A7.97%207.97%200%200%201%2012%2020a7.97%207.97%200%200%201-4.858-1.643l.57-3.2h.504a1.78%201.78%200%200%200%201.406-.69a1.8%201.8%200%200%200%20.325-1.533l-.641-2.581v-.002a1.8%201.8%200%200%200-.634-.974A1.78%201.78%200%200%200%207.574%209H4.582a8%208%200%200%201%208.497-4.928%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/globe-24px.svg?color=%231a73e8&size=48
