globe surface icon
globe-surface-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- globe-surface-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
5 other variants in Fluent UI System Icons
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-sync-16-filledglobe-video-20-filledglobe-warning-16-filled
Use the globe surface icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.427 22.354c.543-1.177.984-2.66 1.26-4.354h-7.374c.276 1.694.717 3.177 1.26 4.354C14.591 24.56 15.593 25 16 25s1.41-.441 2.427-2.646m1.176 2.042c.977-1.593 1.723-3.818 2.108-6.396h4.54a11.03 11.03 0 0 1-6.648 6.396M21.929 16h4.89a11 11 0 0 0 0-4h-4.89a28 28 0 0 1 0 4M12 14q0 1.028.076 2h7.848a26 26 0 0 0 0-4h-7.848q-.075.972-.076 2m-2 0q0 1.021.07 2H5.182a11.1 11.1 0 0 1 0-4h4.89q-.07.979-.071 2m2.397 10.396A11.03 11.03 0 0 1 5.75 18h4.54c.384 2.578 1.13 4.803 2.107 6.396M19.687 10c-.276-1.694-.717-3.177-1.26-4.354C17.409 3.44 16.407 3 16 3c-.406 0-1.41.441-2.427 2.646c-.543 1.177-.984 2.66-1.26 4.354zm6.563 0h-4.54c-.384-2.578-1.13-4.803-2.107-6.396A11.03 11.03 0 0 1 26.25 10m-15.96 0H5.75a11.03 11.03 0 0 1 6.647-6.396C11.42 5.197 10.674 7.422 10.29 10M5 21h.642c.49.724 1.056 1.395 1.683 2h-1.57l-1.43 5h23.35l-1.43-5h-1.57a12.6 12.6 0 0 0 1.683-2H27a1 1 0 0 1 .962.725l2 7A1 1 0 0 1 29 30H3a1 1 0 0 1-.962-1.275l2-7A1 1 0 0 1 5 21"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobeSurface32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.427 22.354c.543-1.177.984-2.66 1.26-4.354h-7.374c.276 1.694.717 3.177 1.26 4.354C14.591 24.56 15.593 25 16 25s1.41-.441 2.427-2.646m1.176 2.042c.977-1.593 1.723-3.818 2.108-6.396h4.54a11.03 11.03 0 0 1-6.648 6.396M21.929 16h4.89a11 11 0 0 0 0-4h-4.89a28 28 0 0 1 0 4M12 14q0 1.028.076 2h7.848a26 26 0 0 0 0-4h-7.848q-.075.972-.076 2m-2 0q0 1.021.07 2H5.182a11.1 11.1 0 0 1 0-4h4.89q-.07.979-.071 2m2.397 10.396A11.03 11.03 0 0 1 5.75 18h4.54c.384 2.578 1.13 4.803 2.107 6.396M19.687 10c-.276-1.694-.717-3.177-1.26-4.354C17.409 3.44 16.407 3 16 3c-.406 0-1.41.441-2.427 2.646c-.543 1.177-.984 2.66-1.26 4.354zm6.563 0h-4.54c-.384-2.578-1.13-4.803-2.107-6.396A11.03 11.03 0 0 1 26.25 10m-15.96 0H5.75a11.03 11.03 0 0 1 6.647-6.396C11.42 5.197 10.674 7.422 10.29 10M5 21h.642c.49.724 1.056 1.395 1.683 2h-1.57l-1.43 5h23.35l-1.43-5h-1.57a12.6 12.6 0 0 0 1.683-2H27a1 1 0 0 1 .962.725l2 7A1 1 0 0 1 29 30H3a1 1 0 0 1-.962-1.275l2-7A1 1 0 0 1 5 21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.427 22.354c.543-1.177.984-2.66 1.26-4.354h-7.374c.276 1.694.717 3.177 1.26 4.354C14.591 24.56 15.593 25 16 25s1.41-.441 2.427-2.646m1.176 2.042c.977-1.593 1.723-3.818 2.108-6.396h4.54a11.03 11.03 0 0 1-6.648 6.396M21.929 16h4.89a11 11 0 0 0 0-4h-4.89a28 28 0 0 1 0 4M12 14q0 1.028.076 2h7.848a26 26 0 0 0 0-4h-7.848q-.075.972-.076 2m-2 0q0 1.021.07 2H5.182a11.1 11.1 0 0 1 0-4h4.89q-.07.979-.071 2m2.397 10.396A11.03 11.03 0 0 1 5.75 18h4.54c.384 2.578 1.13 4.803 2.107 6.396M19.687 10c-.276-1.694-.717-3.177-1.26-4.354C17.409 3.44 16.407 3 16 3c-.406 0-1.41.441-2.427 2.646c-.543 1.177-.984 2.66-1.26 4.354zm6.563 0h-4.54c-.384-2.578-1.13-4.803-2.107-6.396A11.03 11.03 0 0 1 26.25 10m-15.96 0H5.75a11.03 11.03 0 0 1 6.647-6.396C11.42 5.197 10.674 7.422 10.29 10M5 21h.642c.49.724 1.056 1.395 1.683 2h-1.57l-1.43 5h23.35l-1.43-5h-1.57a12.6 12.6 0 0 0 1.683-2H27a1 1 0 0 1 .962.725l2 7A1 1 0 0 1 29 30H3a1 1 0 0 1-.962-1.275l2-7A1 1 0 0 1 5 21"/></svg> </template>
CSS
.icon-globe-surface-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.427%2022.354c.543-1.177.984-2.66%201.26-4.354h-7.374c.276%201.694.717%203.177%201.26%204.354C14.591%2024.56%2015.593%2025%2016%2025s1.41-.441%202.427-2.646m1.176%202.042c.977-1.593%201.723-3.818%202.108-6.396h4.54a11.03%2011.03%200%200%201-6.648%206.396M21.929%2016h4.89a11%2011%200%200%200%200-4h-4.89a28%2028%200%200%201%200%204M12%2014q0%201.028.076%202h7.848a26%2026%200%200%200%200-4h-7.848q-.075.972-.076%202m-2%200q0%201.021.07%202H5.182a11.1%2011.1%200%200%201%200-4h4.89q-.07.979-.071%202m2.397%2010.396A11.03%2011.03%200%200%201%205.75%2018h4.54c.384%202.578%201.13%204.803%202.107%206.396M19.687%2010c-.276-1.694-.717-3.177-1.26-4.354C17.409%203.44%2016.407%203%2016%203c-.406%200-1.41.441-2.427%202.646c-.543%201.177-.984%202.66-1.26%204.354zm6.563%200h-4.54c-.384-2.578-1.13-4.803-2.107-6.396A11.03%2011.03%200%200%201%2026.25%2010m-15.96%200H5.75a11.03%2011.03%200%200%201%206.647-6.396C11.42%205.197%2010.674%207.422%2010.29%2010M5%2021h.642c.49.724%201.056%201.395%201.683%202h-1.57l-1.43%205h23.35l-1.43-5h-1.57a12.6%2012.6%200%200%200%201.683-2H27a1%201%200%200%201%20.962.725l2%207A1%201%200%200%201%2029%2030H3a1%201%200%200%201-.962-1.275l2-7A1%201%200%200%201%205%2021%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.427%2022.354c.543-1.177.984-2.66%201.26-4.354h-7.374c.276%201.694.717%203.177%201.26%204.354C14.591%2024.56%2015.593%2025%2016%2025s1.41-.441%202.427-2.646m1.176%202.042c.977-1.593%201.723-3.818%202.108-6.396h4.54a11.03%2011.03%200%200%201-6.648%206.396M21.929%2016h4.89a11%2011%200%200%200%200-4h-4.89a28%2028%200%200%201%200%204M12%2014q0%201.028.076%202h7.848a26%2026%200%200%200%200-4h-7.848q-.075.972-.076%202m-2%200q0%201.021.07%202H5.182a11.1%2011.1%200%200%201%200-4h4.89q-.07.979-.071%202m2.397%2010.396A11.03%2011.03%200%200%201%205.75%2018h4.54c.384%202.578%201.13%204.803%202.107%206.396M19.687%2010c-.276-1.694-.717-3.177-1.26-4.354C17.409%203.44%2016.407%203%2016%203c-.406%200-1.41.441-2.427%202.646c-.543%201.177-.984%202.66-1.26%204.354zm6.563%200h-4.54c-.384-2.578-1.13-4.803-2.107-6.396A11.03%2011.03%200%200%201%2026.25%2010m-15.96%200H5.75a11.03%2011.03%200%200%201%206.647-6.396C11.42%205.197%2010.674%207.422%2010.29%2010M5%2021h.642c.49.724%201.056%201.395%201.683%202h-1.57l-1.43%205h23.35l-1.43-5h-1.57a12.6%2012.6%200%200%200%201.683-2H27a1%201%200%200%201%20.962.725l2%207A1%201%200%200%201%2029%2030H3a1%201%200%200%201-.962-1.275l2-7A1%201%200%200%201%205%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-surface-32-filled.svg?color=%231a73e8&size=48
