globe icon
globe-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- globe-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794q.102 1.211.103 2.5a28.5 28.5 0 0 1-.346 4.5H9.846A28.6 28.6 0 0 1 9.5 14m-1.172 4.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20m6.53 0h7.73a17.3 17.3 0 0 1-.846 2.73c-.453 1.1-.973 1.94-1.513 2.495C14.97 25.777 14.46 26 14 26s-.969-.223-1.506-.775c-.54-.554-1.06-1.395-1.513-2.495a17.3 17.3 0 0 1-.846-2.73m9.266 0a19 19 0 0 1-.995 3.301c-.357.866-.771 1.638-1.242 2.277A12.03 12.03 0 0 0 24.394 20zm5.727-1.5c.562-1.39.872-2.909.872-4.5c0-.857-.09-1.694-.26-2.5h-5.838a31.5 31.5 0 0 1-.23 7zm-8.11-13.23c.537 1.301.957 2.914 1.211 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.744 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobe28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794q.102 1.211.103 2.5a28.5 28.5 0 0 1-.346 4.5H9.846A28.6 28.6 0 0 1 9.5 14m-1.172 4.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20m6.53 0h7.73a17.3 17.3 0 0 1-.846 2.73c-.453 1.1-.973 1.94-1.513 2.495C14.97 25.777 14.46 26 14 26s-.969-.223-1.506-.775c-.54-.554-1.06-1.395-1.513-2.495a17.3 17.3 0 0 1-.846-2.73m9.266 0a19 19 0 0 1-.995 3.301c-.357.866-.771 1.638-1.242 2.277A12.03 12.03 0 0 0 24.394 20zm5.727-1.5c.562-1.39.872-2.909.872-4.5c0-.857-.09-1.694-.26-2.5h-5.838a31.5 31.5 0 0 1-.23 7zm-8.11-13.23c.537 1.301.957 2.914 1.211 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.744 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794q.102 1.211.103 2.5a28.5 28.5 0 0 1-.346 4.5H9.846A28.6 28.6 0 0 1 9.5 14m-1.172 4.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20m6.53 0h7.73a17.3 17.3 0 0 1-.846 2.73c-.453 1.1-.973 1.94-1.513 2.495C14.97 25.777 14.46 26 14 26s-.969-.223-1.506-.775c-.54-.554-1.06-1.395-1.513-2.495a17.3 17.3 0 0 1-.846-2.73m9.266 0a19 19 0 0 1-.995 3.301c-.357.866-.771 1.638-1.242 2.277A12.03 12.03 0 0 0 24.394 20zm5.727-1.5c.562-1.39.872-2.909.872-4.5c0-.857-.09-1.694-.26-2.5h-5.838a31.5 31.5 0 0 1-.23 7zm-8.11-13.23c.537 1.301.957 2.914 1.211 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.744 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10"/></svg> </template>
CSS
.icon-globe-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2014q.001-1.289.103-2.5h8.794q.102%201.211.103%202.5a28.5%2028.5%200%200%201-.346%204.5H9.846A28.6%2028.6%200%200%201%209.5%2014m-1.172%204.5a31.5%2031.5%200%200%201-.23-7H2.261A12%2012%200%200%200%202%2014c0%201.591.31%203.11.872%204.5zM3.605%2020H8.6c.259%201.217.595%202.33.995%203.301c.357.866.771%201.638%201.242%202.277A12.03%2012.03%200%200%201%203.606%2020m6.53%200h7.73a17.3%2017.3%200%200%201-.846%202.73c-.453%201.1-.973%201.94-1.513%202.495C14.97%2025.777%2014.46%2026%2014%2026s-.969-.223-1.506-.775c-.54-.554-1.06-1.395-1.513-2.495a17.3%2017.3%200%200%201-.846-2.73m9.266%200a19%2019%200%200%201-.995%203.301c-.357.866-.771%201.638-1.242%202.277A12.03%2012.03%200%200%200%2024.394%2020zm5.727-1.5c.562-1.39.872-2.909.872-4.5c0-.857-.09-1.694-.26-2.5h-5.838a31.5%2031.5%200%200%201-.23%207zm-8.11-13.23c.537%201.301.957%202.914%201.211%204.73H9.771c.254-1.816.674-3.429%201.21-4.73c.453-1.1.973-1.94%201.513-2.495C13.03%202.223%2013.54%202%2014%202s.969.223%201.506.775c.54.554%201.06%201.395%201.513%202.495M19.744%2010h5.574a12.03%2012.03%200%200%200-8.153-7.578c.47.639.885%201.411%201.242%202.277c.61%201.483%201.072%203.293%201.337%205.301m-17.06%200h5.574c.265-2.008.727-3.818%201.337-5.301c.357-.866.771-1.638%201.242-2.277A12.03%2012.03%200%200%200%202.683%2010%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2014q.001-1.289.103-2.5h8.794q.102%201.211.103%202.5a28.5%2028.5%200%200%201-.346%204.5H9.846A28.6%2028.6%200%200%201%209.5%2014m-1.172%204.5a31.5%2031.5%200%200%201-.23-7H2.261A12%2012%200%200%200%202%2014c0%201.591.31%203.11.872%204.5zM3.605%2020H8.6c.259%201.217.595%202.33.995%203.301c.357.866.771%201.638%201.242%202.277A12.03%2012.03%200%200%201%203.606%2020m6.53%200h7.73a17.3%2017.3%200%200%201-.846%202.73c-.453%201.1-.973%201.94-1.513%202.495C14.97%2025.777%2014.46%2026%2014%2026s-.969-.223-1.506-.775c-.54-.554-1.06-1.395-1.513-2.495a17.3%2017.3%200%200%201-.846-2.73m9.266%200a19%2019%200%200%201-.995%203.301c-.357.866-.771%201.638-1.242%202.277A12.03%2012.03%200%200%200%2024.394%2020zm5.727-1.5c.562-1.39.872-2.909.872-4.5c0-.857-.09-1.694-.26-2.5h-5.838a31.5%2031.5%200%200%201-.23%207zm-8.11-13.23c.537%201.301.957%202.914%201.211%204.73H9.771c.254-1.816.674-3.429%201.21-4.73c.453-1.1.973-1.94%201.513-2.495C13.03%202.223%2013.54%202%2014%202s.969.223%201.506.775c.54.554%201.06%201.395%201.513%202.495M19.744%2010h5.574a12.03%2012.03%200%200%200-8.153-7.578c.47.639.885%201.411%201.242%202.277c.61%201.483%201.072%203.293%201.337%205.301m-17.06%200h5.574c.265-2.008.727-3.818%201.337-5.301c.357-.866.771-1.638%201.242-2.277A12.03%2012.03%200%200%200%202.683%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-28-filled.svg?color=%231a73e8&size=48
