earth icon
earth-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- earth-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- 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 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentEarth16Filled(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 2"/></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 2"/></svg> </template>
CSS
.icon-earth-16-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%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%202%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%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/earth-16-filled.svg?color=%231a73e8&size=48
