earth icon
earth-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- earth-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M1 7.998a6.998 6.998 0 1 1 13.996 0A6.998 6.998 0 0 1 1 7.998M7.998 2h-.05c.092.18.192.395.282.634c.243.646.464 1.592.071 2.428c-.362.77-.985.97-1.45 1.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5 1.5 0 0 1-.622.651a2.2 2.2 0 0 1-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98 5.98 0 0 0 4.347 1.866a5.97 5.97 0 0 0 3.054-.835a3 3 0 0 1-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3 1.3 0 0 0 .125-.146a.3.3 0 0 0 .031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9 9 0 0 1-.253.158a1 1 0 0 1-.275.117a.534.534 0 0 1-.634-.36a.6.6 0 0 1-.028-.2a1 1 0 0 1 .016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9 9 0 0 1-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783 1.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97 5.97 0 0 0 7.998 2m4.037 1.561c-.102.18-.233.407-.384.648c-.339.54-.824 1.24-1.309 1.603a.2.2 0 0 0-.044.04c0 .027.01.101.084.27q.05.111.13.27c.157.314.376.755.5 1.234c.067.256.099.484.11.681c.436-.144.874-.078 1.212.183c.418.323.593.885.43 1.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4 4 0 0 0-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2 2.2 0 0 0 .307.313a5.99 5.99 0 0 0 2.112-4.57c0-1.758-.756-3.34-1.961-4.437M2 7.998a5.97 5.97 0 0 0 .787 2.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528 1.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5 0 0 0 .214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686 1.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4 5.4 0 0 0-.43-.88A6 6 0 0 0 2 7.998"/></svg>
React
import type { SVGProps } from "react";
export function FluentEarth16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 7.998a6.998 6.998 0 1 1 13.996 0A6.998 6.998 0 0 1 1 7.998M7.998 2h-.05c.092.18.192.395.282.634c.243.646.464 1.592.071 2.428c-.362.77-.985.97-1.45 1.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5 1.5 0 0 1-.622.651a2.2 2.2 0 0 1-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98 5.98 0 0 0 4.347 1.866a5.97 5.97 0 0 0 3.054-.835a3 3 0 0 1-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3 1.3 0 0 0 .125-.146a.3.3 0 0 0 .031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9 9 0 0 1-.253.158a1 1 0 0 1-.275.117a.534.534 0 0 1-.634-.36a.6.6 0 0 1-.028-.2a1 1 0 0 1 .016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9 9 0 0 1-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783 1.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97 5.97 0 0 0 7.998 2m4.037 1.561c-.102.18-.233.407-.384.648c-.339.54-.824 1.24-1.309 1.603a.2.2 0 0 0-.044.04c0 .027.01.101.084.27q.05.111.13.27c.157.314.376.755.5 1.234c.067.256.099.484.11.681c.436-.144.874-.078 1.212.183c.418.323.593.885.43 1.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4 4 0 0 0-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2 2.2 0 0 0 .307.313a5.99 5.99 0 0 0 2.112-4.57c0-1.758-.756-3.34-1.961-4.437M2 7.998a5.97 5.97 0 0 0 .787 2.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528 1.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5 0 0 0 .214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686 1.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4 5.4 0 0 0-.43-.88A6 6 0 0 0 2 7.998"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 7.998a6.998 6.998 0 1 1 13.996 0A6.998 6.998 0 0 1 1 7.998M7.998 2h-.05c.092.18.192.395.282.634c.243.646.464 1.592.071 2.428c-.362.77-.985.97-1.45 1.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5 1.5 0 0 1-.622.651a2.2 2.2 0 0 1-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98 5.98 0 0 0 4.347 1.866a5.97 5.97 0 0 0 3.054-.835a3 3 0 0 1-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3 1.3 0 0 0 .125-.146a.3.3 0 0 0 .031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9 9 0 0 1-.253.158a1 1 0 0 1-.275.117a.534.534 0 0 1-.634-.36a.6.6 0 0 1-.028-.2a1 1 0 0 1 .016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9 9 0 0 1-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783 1.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97 5.97 0 0 0 7.998 2m4.037 1.561c-.102.18-.233.407-.384.648c-.339.54-.824 1.24-1.309 1.603a.2.2 0 0 0-.044.04c0 .027.01.101.084.27q.05.111.13.27c.157.314.376.755.5 1.234c.067.256.099.484.11.681c.436-.144.874-.078 1.212.183c.418.323.593.885.43 1.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4 4 0 0 0-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2 2.2 0 0 0 .307.313a5.99 5.99 0 0 0 2.112-4.57c0-1.758-.756-3.34-1.961-4.437M2 7.998a5.97 5.97 0 0 0 .787 2.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528 1.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5 0 0 0 .214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686 1.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4 5.4 0 0 0-.43-.88A6 6 0 0 0 2 7.998"/></svg> </template>
CSS
.icon-earth-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%207.998a6.998%206.998%200%201%201%2013.996%200A6.998%206.998%200%200%201%201%207.998M7.998%202h-.05c.092.18.192.395.282.634c.243.646.464%201.592.071%202.428c-.362.77-.985.97-1.45%201.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5%201.5%200%200%201-.622.651a2.2%202.2%200%200%201-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98%205.98%200%200%200%204.347%201.866a5.97%205.97%200%200%200%203.054-.835a3%203%200%200%201-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3%201.3%200%200%200%20.125-.146a.3.3%200%200%200%20.031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9%209%200%200%201-.253.158a1%201%200%200%201-.275.117a.534.534%200%200%201-.634-.36a.6.6%200%200%201-.028-.2a1%201%200%200%201%20.016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9%209%200%200%201-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783%201.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97%205.97%200%200%200%207.998%202m4.037%201.561c-.102.18-.233.407-.384.648c-.339.54-.824%201.24-1.309%201.603a.2.2%200%200%200-.044.04c0%20.027.01.101.084.27q.05.111.13.27c.157.314.376.755.5%201.234c.067.256.099.484.11.681c.436-.144.874-.078%201.212.183c.418.323.593.885.43%201.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4%204%200%200%200-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2%202.2%200%200%200%20.307.313a5.99%205.99%200%200%200%202.112-4.57c0-1.758-.756-3.34-1.961-4.437M2%207.998a5.97%205.97%200%200%200%20.787%202.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528%201.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5%200%200%200%20.214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686%201.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4%205.4%200%200%200-.43-.88A6%206%200%200%200%202%207.998%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%207.998a6.998%206.998%200%201%201%2013.996%200A6.998%206.998%200%200%201%201%207.998M7.998%202h-.05c.092.18.192.395.282.634c.243.646.464%201.592.071%202.428c-.362.77-.985.97-1.45%201.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5%201.5%200%200%201-.622.651a2.2%202.2%200%200%201-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98%205.98%200%200%200%204.347%201.866a5.97%205.97%200%200%200%203.054-.835a3%203%200%200%201-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3%201.3%200%200%200%20.125-.146a.3.3%200%200%200%20.031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9%209%200%200%201-.253.158a1%201%200%200%201-.275.117a.534.534%200%200%201-.634-.36a.6.6%200%200%201-.028-.2a1%201%200%200%201%20.016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9%209%200%200%201-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783%201.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97%205.97%200%200%200%207.998%202m4.037%201.561c-.102.18-.233.407-.384.648c-.339.54-.824%201.24-1.309%201.603a.2.2%200%200%200-.044.04c0%20.027.01.101.084.27q.05.111.13.27c.157.314.376.755.5%201.234c.067.256.099.484.11.681c.436-.144.874-.078%201.212.183c.418.323.593.885.43%201.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4%204%200%200%200-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2%202.2%200%200%200%20.307.313a5.99%205.99%200%200%200%202.112-4.57c0-1.758-.756-3.34-1.961-4.437M2%207.998a5.97%205.97%200%200%200%20.787%202.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528%201.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5%200%200%200%20.214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686%201.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4%205.4%200%200%200-.43-.88A6%206%200%200%200%202%207.998%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/earth-16-regular.svg?color=%231a73e8&size=48
