earth icon
earth-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- earth-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="m10.946 2.047l.005.007Q11.469 2 12 2c5.522 0 10 4.477 10 10s-4.478 10-10 10a9.98 9.98 0 0 1-7.896-3.862h-.003v-.003A9.96 9.96 0 0 1 2 12c0-5.162 3.911-9.41 8.932-9.944zM12 3.5l-.16.001c.123.245.255.533.374.85c.347.923.666 2.282.1 3.487c-.522 1.113-1.424 1.4-2.09 1.573l-.084.021c-.657.17-.91.235-1.093.514c-.17.257-.144.582.061 1.25l.046.148c.082.258.18.57.23.863c.064.364.082.827-.152 1.275a2.2 2.2 0 0 1-.9.945c-.341.185-.694.256-.958.302l-.093.017c-.515.09-.761.134-1 .39c-.187.2-.307.553-.377 1.079c-.029.214-.046.427-.064.646l-.01.117c-.02.242-.044.521-.099.76v.002a8.48 8.48 0 0 0 6.27 2.76c1.576 0 3.053-.43 4.319-1.178a5 5 0 0 1-.31-.35c-.34-.428-.786-1.164-.631-2.033c.074-.418.298-.768.515-1.036a7 7 0 0 1 .72-.74l.158-.146c.179-.163.33-.301.46-.437c.172-.18.21-.262.212-.267c.068-.224-.015-.384-.106-.454a.3.3 0 0 0-.19-.061c-.084 0-.22.024-.401.14a.91.91 0 0 1-.836.085a1.02 1.02 0 0 1-.486-.432c-.144-.237-.225-.546-.278-.772c-.04-.174-.08-.372-.115-.553l-.04-.206a4 4 0 0 0-.134-.54l-.02-.037l-.064-.105a6 6 0 0 0-.227-.317l-.11-.143a13 13 0 0 1-.516-.712c-.196-.298-.417-.688-.487-1.104a1.46 1.46 0 0 1 .055-.734c.094-.264.265-.482.487-.649c.483-.362 1.193-1.172 1.823-1.959c.288-.359.544-.695.736-.95A8.46 8.46 0 0 0 12 3.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentEarth24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.946 2.047l.005.007Q11.469 2 12 2c5.522 0 10 4.477 10 10s-4.478 10-10 10a9.98 9.98 0 0 1-7.896-3.862h-.003v-.003A9.96 9.96 0 0 1 2 12c0-5.162 3.911-9.41 8.932-9.944zM12 3.5l-.16.001c.123.245.255.533.374.85c.347.923.666 2.282.1 3.487c-.522 1.113-1.424 1.4-2.09 1.573l-.084.021c-.657.17-.91.235-1.093.514c-.17.257-.144.582.061 1.25l.046.148c.082.258.18.57.23.863c.064.364.082.827-.152 1.275a2.2 2.2 0 0 1-.9.945c-.341.185-.694.256-.958.302l-.093.017c-.515.09-.761.134-1 .39c-.187.2-.307.553-.377 1.079c-.029.214-.046.427-.064.646l-.01.117c-.02.242-.044.521-.099.76v.002a8.48 8.48 0 0 0 6.27 2.76c1.576 0 3.053-.43 4.319-1.178a5 5 0 0 1-.31-.35c-.34-.428-.786-1.164-.631-2.033c.074-.418.298-.768.515-1.036a7 7 0 0 1 .72-.74l.158-.146c.179-.163.33-.301.46-.437c.172-.18.21-.262.212-.267c.068-.224-.015-.384-.106-.454a.3.3 0 0 0-.19-.061c-.084 0-.22.024-.401.14a.91.91 0 0 1-.836.085a1.02 1.02 0 0 1-.486-.432c-.144-.237-.225-.546-.278-.772c-.04-.174-.08-.372-.115-.553l-.04-.206a4 4 0 0 0-.134-.54l-.02-.037l-.064-.105a6 6 0 0 0-.227-.317l-.11-.143a13 13 0 0 1-.516-.712c-.196-.298-.417-.688-.487-1.104a1.46 1.46 0 0 1 .055-.734c.094-.264.265-.482.487-.649c.483-.362 1.193-1.172 1.823-1.959c.288-.359.544-.695.736-.95A8.46 8.46 0 0 0 12 3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.946 2.047l.005.007Q11.469 2 12 2c5.522 0 10 4.477 10 10s-4.478 10-10 10a9.98 9.98 0 0 1-7.896-3.862h-.003v-.003A9.96 9.96 0 0 1 2 12c0-5.162 3.911-9.41 8.932-9.944zM12 3.5l-.16.001c.123.245.255.533.374.85c.347.923.666 2.282.1 3.487c-.522 1.113-1.424 1.4-2.09 1.573l-.084.021c-.657.17-.91.235-1.093.514c-.17.257-.144.582.061 1.25l.046.148c.082.258.18.57.23.863c.064.364.082.827-.152 1.275a2.2 2.2 0 0 1-.9.945c-.341.185-.694.256-.958.302l-.093.017c-.515.09-.761.134-1 .39c-.187.2-.307.553-.377 1.079c-.029.214-.046.427-.064.646l-.01.117c-.02.242-.044.521-.099.76v.002a8.48 8.48 0 0 0 6.27 2.76c1.576 0 3.053-.43 4.319-1.178a5 5 0 0 1-.31-.35c-.34-.428-.786-1.164-.631-2.033c.074-.418.298-.768.515-1.036a7 7 0 0 1 .72-.74l.158-.146c.179-.163.33-.301.46-.437c.172-.18.21-.262.212-.267c.068-.224-.015-.384-.106-.454a.3.3 0 0 0-.19-.061c-.084 0-.22.024-.401.14a.91.91 0 0 1-.836.085a1.02 1.02 0 0 1-.486-.432c-.144-.237-.225-.546-.278-.772c-.04-.174-.08-.372-.115-.553l-.04-.206a4 4 0 0 0-.134-.54l-.02-.037l-.064-.105a6 6 0 0 0-.227-.317l-.11-.143a13 13 0 0 1-.516-.712c-.196-.298-.417-.688-.487-1.104a1.46 1.46 0 0 1 .055-.734c.094-.264.265-.482.487-.649c.483-.362 1.193-1.172 1.823-1.959c.288-.359.544-.695.736-.95A8.46 8.46 0 0 0 12 3.5"/></svg> </template>
CSS
.icon-earth-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.946%202.047l.005.007Q11.469%202%2012%202c5.522%200%2010%204.477%2010%2010s-4.478%2010-10%2010a9.98%209.98%200%200%201-7.896-3.862h-.003v-.003A9.96%209.96%200%200%201%202%2012c0-5.162%203.911-9.41%208.932-9.944zM12%203.5l-.16.001c.123.245.255.533.374.85c.347.923.666%202.282.1%203.487c-.522%201.113-1.424%201.4-2.09%201.573l-.084.021c-.657.17-.91.235-1.093.514c-.17.257-.144.582.061%201.25l.046.148c.082.258.18.57.23.863c.064.364.082.827-.152%201.275a2.2%202.2%200%200%201-.9.945c-.341.185-.694.256-.958.302l-.093.017c-.515.09-.761.134-1%20.39c-.187.2-.307.553-.377%201.079c-.029.214-.046.427-.064.646l-.01.117c-.02.242-.044.521-.099.76v.002a8.48%208.48%200%200%200%206.27%202.76c1.576%200%203.053-.43%204.319-1.178a5%205%200%200%201-.31-.35c-.34-.428-.786-1.164-.631-2.033c.074-.418.298-.768.515-1.036a7%207%200%200%201%20.72-.74l.158-.146c.179-.163.33-.301.46-.437c.172-.18.21-.262.212-.267c.068-.224-.015-.384-.106-.454a.3.3%200%200%200-.19-.061c-.084%200-.22.024-.401.14a.91.91%200%200%201-.836.085a1.02%201.02%200%200%201-.486-.432c-.144-.237-.225-.546-.278-.772c-.04-.174-.08-.372-.115-.553l-.04-.206a4%204%200%200%200-.134-.54l-.02-.037l-.064-.105a6%206%200%200%200-.227-.317l-.11-.143a13%2013%200%200%201-.516-.712c-.196-.298-.417-.688-.487-1.104a1.46%201.46%200%200%201%20.055-.734c.094-.264.265-.482.487-.649c.483-.362%201.193-1.172%201.823-1.959c.288-.359.544-.695.736-.95A8.46%208.46%200%200%200%2012%203.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m10.946%202.047l.005.007Q11.469%202%2012%202c5.522%200%2010%204.477%2010%2010s-4.478%2010-10%2010a9.98%209.98%200%200%201-7.896-3.862h-.003v-.003A9.96%209.96%200%200%201%202%2012c0-5.162%203.911-9.41%208.932-9.944zM12%203.5l-.16.001c.123.245.255.533.374.85c.347.923.666%202.282.1%203.487c-.522%201.113-1.424%201.4-2.09%201.573l-.084.021c-.657.17-.91.235-1.093.514c-.17.257-.144.582.061%201.25l.046.148c.082.258.18.57.23.863c.064.364.082.827-.152%201.275a2.2%202.2%200%200%201-.9.945c-.341.185-.694.256-.958.302l-.093.017c-.515.09-.761.134-1%20.39c-.187.2-.307.553-.377%201.079c-.029.214-.046.427-.064.646l-.01.117c-.02.242-.044.521-.099.76v.002a8.48%208.48%200%200%200%206.27%202.76c1.576%200%203.053-.43%204.319-1.178a5%205%200%200%201-.31-.35c-.34-.428-.786-1.164-.631-2.033c.074-.418.298-.768.515-1.036a7%207%200%200%201%20.72-.74l.158-.146c.179-.163.33-.301.46-.437c.172-.18.21-.262.212-.267c.068-.224-.015-.384-.106-.454a.3.3%200%200%200-.19-.061c-.084%200-.22.024-.401.14a.91.91%200%200%201-.836.085a1.02%201.02%200%200%201-.486-.432c-.144-.237-.225-.546-.278-.772c-.04-.174-.08-.372-.115-.553l-.04-.206a4%204%200%200%200-.134-.54l-.02-.037l-.064-.105a6%206%200%200%200-.227-.317l-.11-.143a13%2013%200%200%201-.516-.712c-.196-.298-.417-.688-.487-1.104a1.46%201.46%200%200%201%20.055-.734c.094-.264.265-.482.487-.649c.483-.362%201.193-1.172%201.823-1.959c.288-.359.544-.695.736-.95A8.46%208.46%200%200%200%2012%203.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/earth-24-filled.svg?color=%231a73e8&size=48
