globe icon
globe-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- globe-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
14 other variants in Fluent UI System Icons
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobeCodiconsglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFont Awesome SolidglobeFeather Iconsglobe-outlineFlowbite Iconsglobe-20Fluent UI System Color Iconsglobecss.ggglobeHealth IconsglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucide
Related icons in Fluent UI System Icons
globe-add-20-filledglobe-arrow-forward-16-filledglobe-arrow-up-16-filledglobe-clock-16-filledglobe-desktop-20-filledglobe-error-16-filledglobe-location-20-filledglobe-off-12-filledglobe-person-20-filledglobe-prohibited-16-filledglobe-search-20-filledglobe-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-video-20-filledglobe-warning-16-filled
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4m0 37.5c1.304 0 3.158-1.122 4.835-4.476c.648-1.296 1.208-2.822 1.645-4.524H17.52c.437 1.702.997 3.228 1.645 4.524C20.842 40.378 22.695 41.5 24 41.5M16.99 30h14.02c.315-1.863.49-3.88.49-6a36 36 0 0 0-.41-5.5H16.91a36 36 0 0 0-.41 5.5c0 2.12.175 4.137.49 6m16.064 2.5c-.771 3.282-1.976 6.077-3.466 8.089A17.55 17.55 0 0 0 39.3 32.5zm7.39-2.5a17.5 17.5 0 0 0 1.056-6c0-1.921-.31-3.77-.882-5.5h-7A39 39 0 0 1 34 24c0 2.09-.16 4.106-.458 6zm-25.986 0A39 39 0 0 1 14 24c0-1.907.133-3.753.383-5.5H7.382A17.5 17.5 0 0 0 6.5 24c0 2.108.373 4.129 1.056 6zm-5.759 2.5a17.55 17.55 0 0 0 9.713 8.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396 16h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158 7.622 25.305 6.5 24 6.5c-1.304 0-3.158 1.122-4.835 4.476c-.711 1.422-1.316 3.12-1.769 5.024m15.772 0h6.4a17.55 17.55 0 0 0-9.98-8.589c1.565 2.114 2.816 5.09 3.58 8.589M18.412 7.411A17.55 17.55 0 0 0 8.432 16h6.4c.764-3.499 2.015-6.475 3.58-8.589"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobe48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4m0 37.5c1.304 0 3.158-1.122 4.835-4.476c.648-1.296 1.208-2.822 1.645-4.524H17.52c.437 1.702.997 3.228 1.645 4.524C20.842 40.378 22.695 41.5 24 41.5M16.99 30h14.02c.315-1.863.49-3.88.49-6a36 36 0 0 0-.41-5.5H16.91a36 36 0 0 0-.41 5.5c0 2.12.175 4.137.49 6m16.064 2.5c-.771 3.282-1.976 6.077-3.466 8.089A17.55 17.55 0 0 0 39.3 32.5zm7.39-2.5a17.5 17.5 0 0 0 1.056-6c0-1.921-.31-3.77-.882-5.5h-7A39 39 0 0 1 34 24c0 2.09-.16 4.106-.458 6zm-25.986 0A39 39 0 0 1 14 24c0-1.907.133-3.753.383-5.5H7.382A17.5 17.5 0 0 0 6.5 24c0 2.108.373 4.129 1.056 6zm-5.759 2.5a17.55 17.55 0 0 0 9.713 8.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396 16h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158 7.622 25.305 6.5 24 6.5c-1.304 0-3.158 1.122-4.835 4.476c-.711 1.422-1.316 3.12-1.769 5.024m15.772 0h6.4a17.55 17.55 0 0 0-9.98-8.589c1.565 2.114 2.816 5.09 3.58 8.589M18.412 7.411A17.55 17.55 0 0 0 8.432 16h6.4c.764-3.499 2.015-6.475 3.58-8.589"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4m0 37.5c1.304 0 3.158-1.122 4.835-4.476c.648-1.296 1.208-2.822 1.645-4.524H17.52c.437 1.702.997 3.228 1.645 4.524C20.842 40.378 22.695 41.5 24 41.5M16.99 30h14.02c.315-1.863.49-3.88.49-6a36 36 0 0 0-.41-5.5H16.91a36 36 0 0 0-.41 5.5c0 2.12.175 4.137.49 6m16.064 2.5c-.771 3.282-1.976 6.077-3.466 8.089A17.55 17.55 0 0 0 39.3 32.5zm7.39-2.5a17.5 17.5 0 0 0 1.056-6c0-1.921-.31-3.77-.882-5.5h-7A39 39 0 0 1 34 24c0 2.09-.16 4.106-.458 6zm-25.986 0A39 39 0 0 1 14 24c0-1.907.133-3.753.383-5.5H7.382A17.5 17.5 0 0 0 6.5 24c0 2.108.373 4.129 1.056 6zm-5.759 2.5a17.55 17.55 0 0 0 9.713 8.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396 16h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158 7.622 25.305 6.5 24 6.5c-1.304 0-3.158 1.122-4.835 4.476c-.711 1.422-1.316 3.12-1.769 5.024m15.772 0h6.4a17.55 17.55 0 0 0-9.98-8.589c1.565 2.114 2.816 5.09 3.58 8.589M18.412 7.411A17.55 17.55 0 0 0 8.432 16h6.4c.764-3.499 2.015-6.475 3.58-8.589"/></svg> </template>
CSS
.icon-globe-48-regular {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%204c11.046%200%2020%208.954%2020%2020s-8.954%2020-20%2020S4%2035.046%204%2024S12.954%204%2024%204m0%2037.5c1.304%200%203.158-1.122%204.835-4.476c.648-1.296%201.208-2.822%201.645-4.524H17.52c.437%201.702.997%203.228%201.645%204.524C20.842%2040.378%2022.695%2041.5%2024%2041.5M16.99%2030h14.02c.315-1.863.49-3.88.49-6a36%2036%200%200%200-.41-5.5H16.91a36%2036%200%200%200-.41%205.5c0%202.12.175%204.137.49%206m16.064%202.5c-.771%203.282-1.976%206.077-3.466%208.089A17.55%2017.55%200%200%200%2039.3%2032.5zm7.39-2.5a17.5%2017.5%200%200%200%201.056-6c0-1.921-.31-3.77-.882-5.5h-7A39%2039%200%200%201%2034%2024c0%202.09-.16%204.106-.458%206zm-25.986%200A39%2039%200%200%201%2014%2024c0-1.907.133-3.753.383-5.5H7.382A17.5%2017.5%200%200%200%206.5%2024c0%202.108.373%204.129%201.056%206zm-5.759%202.5a17.55%2017.55%200%200%200%209.713%208.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396%2016h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158%207.622%2025.305%206.5%2024%206.5c-1.304%200-3.158%201.122-4.835%204.476c-.711%201.422-1.316%203.12-1.769%205.024m15.772%200h6.4a17.55%2017.55%200%200%200-9.98-8.589c1.565%202.114%202.816%205.09%203.58%208.589M18.412%207.411A17.55%2017.55%200%200%200%208.432%2016h6.4c.764-3.499%202.015-6.475%203.58-8.589%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%204c11.046%200%2020%208.954%2020%2020s-8.954%2020-20%2020S4%2035.046%204%2024S12.954%204%2024%204m0%2037.5c1.304%200%203.158-1.122%204.835-4.476c.648-1.296%201.208-2.822%201.645-4.524H17.52c.437%201.702.997%203.228%201.645%204.524C20.842%2040.378%2022.695%2041.5%2024%2041.5M16.99%2030h14.02c.315-1.863.49-3.88.49-6a36%2036%200%200%200-.41-5.5H16.91a36%2036%200%200%200-.41%205.5c0%202.12.175%204.137.49%206m16.064%202.5c-.771%203.282-1.976%206.077-3.466%208.089A17.55%2017.55%200%200%200%2039.3%2032.5zm7.39-2.5a17.5%2017.5%200%200%200%201.056-6c0-1.921-.31-3.77-.882-5.5h-7A39%2039%200%200%201%2034%2024c0%202.09-.16%204.106-.458%206zm-25.986%200A39%2039%200%200%201%2014%2024c0-1.907.133-3.753.383-5.5H7.382A17.5%2017.5%200%200%200%206.5%2024c0%202.108.373%204.129%201.056%206zm-5.759%202.5a17.55%2017.55%200%200%200%209.713%208.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396%2016h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158%207.622%2025.305%206.5%2024%206.5c-1.304%200-3.158%201.122-4.835%204.476c-.711%201.422-1.316%203.12-1.769%205.024m15.772%200h6.4a17.55%2017.55%200%200%200-9.98-8.589c1.565%202.114%202.816%205.09%203.58%208.589M18.412%207.411A17.55%2017.55%200%200%200%208.432%2016h6.4c.764-3.499%202.015-6.475%203.58-8.589%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-48-regular.svg?color=%231a73e8&size=48
