earth icon
earth-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- earth-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
9 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the earth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.222 4.36a14 14 0 1 1 15.556 23.28A14 14 0 0 1 8.222 4.36M8.3 20.6c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 14.49 1.28a3.75 3.75 0 0 1-1.9-2.42c-.36-1.79.83-2.91 1.73-3.74s1.11-1.14 1-1.52q-.37.048-.73.15a2.13 2.13 0 0 1-2.08-.17a1.68 1.68 0 0 1-.42-1.59a4 4 0 0 0-1.07-2.93c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92"/></svg>
React
import type { SVGProps } from "react";
export function FluentEarth32Filled(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="M8.222 4.36a14 14 0 1 1 15.556 23.28A14 14 0 0 1 8.222 4.36M8.3 20.6c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 14.49 1.28a3.75 3.75 0 0 1-1.9-2.42c-.36-1.79.83-2.91 1.73-3.74s1.11-1.14 1-1.52q-.37.048-.73.15a2.13 2.13 0 0 1-2.08-.17a1.68 1.68 0 0 1-.42-1.59a4 4 0 0 0-1.07-2.93c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.222 4.36a14 14 0 1 1 15.556 23.28A14 14 0 0 1 8.222 4.36M8.3 20.6c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 14.49 1.28a3.75 3.75 0 0 1-1.9-2.42c-.36-1.79.83-2.91 1.73-3.74s1.11-1.14 1-1.52q-.37.048-.73.15a2.13 2.13 0 0 1-2.08-.17a1.68 1.68 0 0 1-.42-1.59a4 4 0 0 0-1.07-2.93c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92"/></svg> </template>
CSS
.icon-earth-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%22M8.222%204.36a14%2014%200%201%201%2015.556%2023.28A14%2014%200%200%201%208.222%204.36M8.3%2020.6c-.8%201.07-.55%203.11-.39%204.24a11.92%2011.92%200%200%200%2014.49%201.28a3.75%203.75%200%200%201-1.9-2.42c-.36-1.79.83-2.91%201.73-3.74s1.11-1.14%201-1.52q-.37.048-.73.15a2.13%202.13%200%200%201-2.08-.17a1.68%201.68%200%200%201-.42-1.59a4%204%200%200%200-1.07-2.93c-.67-.95-1.68-2.39-.3-3.64a21.7%2021.7%200%200%200%203.76-4.4A11.9%2011.9%200%200%200%2016%204h-.37l.05.18l.059.107c.834%201.52%201.738%203.166%201.191%205.443c-.436%201.823-2.139%202.4-3.405%202.828l-.035.012a4.5%204.5%200%200%200-1.23.53c-.5.67-.36%201.34-.1%202.34a3.64%203.64%200%200%201-.16%203.11a2.62%202.62%200%200%201-2%201.13a2%202%200%200%200-1.7.92%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%22M8.222%204.36a14%2014%200%201%201%2015.556%2023.28A14%2014%200%200%201%208.222%204.36M8.3%2020.6c-.8%201.07-.55%203.11-.39%204.24a11.92%2011.92%200%200%200%2014.49%201.28a3.75%203.75%200%200%201-1.9-2.42c-.36-1.79.83-2.91%201.73-3.74s1.11-1.14%201-1.52q-.37.048-.73.15a2.13%202.13%200%200%201-2.08-.17a1.68%201.68%200%200%201-.42-1.59a4%204%200%200%200-1.07-2.93c-.67-.95-1.68-2.39-.3-3.64a21.7%2021.7%200%200%200%203.76-4.4A11.9%2011.9%200%200%200%2016%204h-.37l.05.18l.059.107c.834%201.52%201.738%203.166%201.191%205.443c-.436%201.823-2.139%202.4-3.405%202.828l-.035.012a4.5%204.5%200%200%200-1.23.53c-.5.67-.36%201.34-.1%202.34a3.64%203.64%200%200%201-.16%203.11a2.62%202.62%200%200%201-2%201.13a2%202%200%200%200-1.7.92%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/earth-32-filled.svg?color=%231a73e8&size=48
