Globe Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Globe icon is commonly used in language selectors, international shipping and web apps. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310151.svg" alt="Globe icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310151.svg" alt="Globe icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310151.svg" alt="Globe icon" :width="24" :height="24" />
CSS background
.icon-globe {
background-image: url('https://proicons.com/icon/310151.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.47845 21.4388C6.69666 20.7679 5.14069 19.6072 3.98992 18.0904C2.83915 16.5737 2.1404 14.7626 1.97421 12.8659H6.29432C6.27792 15.8632 7.02989 18.8148 8.47845 21.4388Z" fill="black"/> <path d="M15.9834 12.8659C15.8006 18.331 13.8089 22.0739 12.0096 22.0739C10.2104 22.0739 8.21872 18.331 8.0359 12.8659H15.9834Z" fill="black"/> <path d="M22.0258 12.8659C21.8644 14.7654 21.1663 16.5799 20.013 18.0977C18.8597 19.6156 17.2987 20.7744 15.5119 21.4388C16.9683 18.8174 17.7239 15.8647 17.7057 12.8659H22.0258Z" fill="black"/> <path d="M22.0258 11.134H17.7057C17.7265 8.13494 16.9707 5.18157 15.5119 2.56114C17.2987 3.22562 18.8597 4.38433 20.013 5.9022C21.1663 7.42007 21.8644 9.23453 22.0258 11.134Z" fill="black"/> <path d="M15.9834 11.134H8.0359C8.21872 5.65931 10.2104 1.92613 12.0096 1.92613C13.8089 1.92613 15.791 5.65931 15.9834 11.134Z" fill="black"/> <path d="M8.47845 2.60924C7.02747 5.23236 6.27534 8.18451 6.29432 11.1821H1.97421C2.13704 9.28445 2.8345 7.4718 3.98572 5.95444C5.13694 4.43708 6.69476 3.27717 8.47845 2.60924Z" fill="black"/> </svg>
Globe in other icon packs
Copied!