globe icon
globe from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.
- Name
- globe
- Set
- Unicons
- Style
- Line
- Category
- User Interface
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFeather Iconsglobe-12-filledFluent UI System Iconsglobecss.ggglobeHuge IconsglobeHumbleiconsglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucideglobeMage IconsglobeMajesticonsglobeMaterial Symbolsglobe-fillMingCute IconglobeOcticonsglobePhosphorglobePixelarticonsglobeRadix Icons
More user interface icons from Unicons
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" d="M21.41 8.64v-.05a10 10 0 0 0-18.78 0s0 0 0 .05a9.86 9.86 0 0 0 0 6.72v.05a10 10 0 0 0 18.78 0s0 0 0-.05a9.86 9.86 0 0 0 0-6.72M4.26 14a7.8 7.8 0 0 1 0-4h1.86a16.7 16.7 0 0 0 0 4Zm.82 2h1.4a12 12 0 0 0 1 2.57A8 8 0 0 1 5.08 16m1.4-8h-1.4a8 8 0 0 1 2.37-2.57A12 12 0 0 0 6.48 8M11 19.7A6.34 6.34 0 0 1 8.57 16H11Zm0-5.7H8.14a14.4 14.4 0 0 1 0-4H11Zm0-6H8.57A6.34 6.34 0 0 1 11 4.3Zm7.92 0h-1.4a12 12 0 0 0-1-2.57A8 8 0 0 1 18.92 8M13 4.3A6.34 6.34 0 0 1 15.43 8H13Zm0 15.4V16h2.43A6.34 6.34 0 0 1 13 19.7m2.86-5.7H13v-4h2.86a14.4 14.4 0 0 1 0 4m.69 4.57a12 12 0 0 0 1-2.57h1.4a8 8 0 0 1-2.4 2.57M19.74 14h-1.86a16 16 0 0 0 .12-2a16 16 0 0 0-.12-2h1.86a7.8 7.8 0 0 1 0 4"/></svg>
React
import type { SVGProps } from "react";
export function UilGlobe(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" d="M21.41 8.64v-.05a10 10 0 0 0-18.78 0s0 0 0 .05a9.86 9.86 0 0 0 0 6.72v.05a10 10 0 0 0 18.78 0s0 0 0-.05a9.86 9.86 0 0 0 0-6.72M4.26 14a7.8 7.8 0 0 1 0-4h1.86a16.7 16.7 0 0 0 0 4Zm.82 2h1.4a12 12 0 0 0 1 2.57A8 8 0 0 1 5.08 16m1.4-8h-1.4a8 8 0 0 1 2.37-2.57A12 12 0 0 0 6.48 8M11 19.7A6.34 6.34 0 0 1 8.57 16H11Zm0-5.7H8.14a14.4 14.4 0 0 1 0-4H11Zm0-6H8.57A6.34 6.34 0 0 1 11 4.3Zm7.92 0h-1.4a12 12 0 0 0-1-2.57A8 8 0 0 1 18.92 8M13 4.3A6.34 6.34 0 0 1 15.43 8H13Zm0 15.4V16h2.43A6.34 6.34 0 0 1 13 19.7m2.86-5.7H13v-4h2.86a14.4 14.4 0 0 1 0 4m.69 4.57a12 12 0 0 0 1-2.57h1.4a8 8 0 0 1-2.4 2.57M19.74 14h-1.86a16 16 0 0 0 .12-2a16 16 0 0 0-.12-2h1.86a7.8 7.8 0 0 1 0 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.41 8.64v-.05a10 10 0 0 0-18.78 0s0 0 0 .05a9.86 9.86 0 0 0 0 6.72v.05a10 10 0 0 0 18.78 0s0 0 0-.05a9.86 9.86 0 0 0 0-6.72M4.26 14a7.8 7.8 0 0 1 0-4h1.86a16.7 16.7 0 0 0 0 4Zm.82 2h1.4a12 12 0 0 0 1 2.57A8 8 0 0 1 5.08 16m1.4-8h-1.4a8 8 0 0 1 2.37-2.57A12 12 0 0 0 6.48 8M11 19.7A6.34 6.34 0 0 1 8.57 16H11Zm0-5.7H8.14a14.4 14.4 0 0 1 0-4H11Zm0-6H8.57A6.34 6.34 0 0 1 11 4.3Zm7.92 0h-1.4a12 12 0 0 0-1-2.57A8 8 0 0 1 18.92 8M13 4.3A6.34 6.34 0 0 1 15.43 8H13Zm0 15.4V16h2.43A6.34 6.34 0 0 1 13 19.7m2.86-5.7H13v-4h2.86a14.4 14.4 0 0 1 0 4m.69 4.57a12 12 0 0 0 1-2.57h1.4a8 8 0 0 1-2.4 2.57M19.74 14h-1.86a16 16 0 0 0 .12-2a16 16 0 0 0-.12-2h1.86a7.8 7.8 0 0 1 0 4"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.41%208.64v-.05a10%2010%200%200%200-18.78%200s0%200%200%20.05a9.86%209.86%200%200%200%200%206.72v.05a10%2010%200%200%200%2018.78%200s0%200%200-.05a9.86%209.86%200%200%200%200-6.72M4.26%2014a7.8%207.8%200%200%201%200-4h1.86a16.7%2016.7%200%200%200%200%204Zm.82%202h1.4a12%2012%200%200%200%201%202.57A8%208%200%200%201%205.08%2016m1.4-8h-1.4a8%208%200%200%201%202.37-2.57A12%2012%200%200%200%206.48%208M11%2019.7A6.34%206.34%200%200%201%208.57%2016H11Zm0-5.7H8.14a14.4%2014.4%200%200%201%200-4H11Zm0-6H8.57A6.34%206.34%200%200%201%2011%204.3Zm7.92%200h-1.4a12%2012%200%200%200-1-2.57A8%208%200%200%201%2018.92%208M13%204.3A6.34%206.34%200%200%201%2015.43%208H13Zm0%2015.4V16h2.43A6.34%206.34%200%200%201%2013%2019.7m2.86-5.7H13v-4h2.86a14.4%2014.4%200%200%201%200%204m.69%204.57a12%2012%200%200%200%201-2.57h1.4a8%208%200%200%201-2.4%202.57M19.74%2014h-1.86a16%2016%200%200%200%20.12-2a16%2016%200%200%200-.12-2h1.86a7.8%207.8%200%200%201%200%204%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%20d%3D%22M21.41%208.64v-.05a10%2010%200%200%200-18.78%200s0%200%200%20.05a9.86%209.86%200%200%200%200%206.72v.05a10%2010%200%200%200%2018.78%200s0%200%200-.05a9.86%209.86%200%200%200%200-6.72M4.26%2014a7.8%207.8%200%200%201%200-4h1.86a16.7%2016.7%200%200%200%200%204Zm.82%202h1.4a12%2012%200%200%200%201%202.57A8%208%200%200%201%205.08%2016m1.4-8h-1.4a8%208%200%200%201%202.37-2.57A12%2012%200%200%200%206.48%208M11%2019.7A6.34%206.34%200%200%201%208.57%2016H11Zm0-5.7H8.14a14.4%2014.4%200%200%201%200-4H11Zm0-6H8.57A6.34%206.34%200%200%201%2011%204.3Zm7.92%200h-1.4a12%2012%200%200%200-1-2.57A8%208%200%200%201%2018.92%208M13%204.3A6.34%206.34%200%200%201%2015.43%208H13Zm0%2015.4V16h2.43A6.34%206.34%200%200%201%2013%2019.7m2.86-5.7H13v-4h2.86a14.4%2014.4%200%200%201%200%204m.69%204.57a12%2012%200%200%200%201-2.57h1.4a8%208%200%200%201-2.4%202.57M19.74%2014h-1.86a16%2016%200%200%200%20.12-2a16%2016%200%200%200-.12-2h1.86a7.8%207.8%200%200%201%200%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/globe.svg?color=%231a73e8&size=48
