earth icon

earth-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: earth-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

earthCarbon earthCircle Flags earthFont Awesome Solid earth-16-filledFluent UI System Icons earthHuge Icons earthIconPark earthIconPark Outline earthIonIcons earthLucide earthMaterial Design Icons earth-fillMingCute Icon earthMyna UI Icons earthPixelarticons earth-fillRemix Icon earth-boldSolar earthTDesign 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="M21.95 10.105v-.15a10.27 10.27 0 0 0-10-8.19a10.14 10.14 0 0 0-7 2.78l-.21.19a.1.1 0 0 0 0 .05a10.23 10.23 0 0 0 6.86 17.45h.4a10.26 10.26 0 0 0 10.25-10.25a10 10 0 0 0-.3-1.88m-9.94 10.66a12.2 12.2 0 0 1-.61-3.44c.11-1.52-1.21-1.66-1.78-1.72c-.86-.09-1.43-.15-1.43-1.88c.029-.898.119-1.794.27-2.68c.33-2.3.7-4.86-1.72-6.11a8.72 8.72 0 0 1 5.14-1.67a8.6 8.6 0 0 1 2 .23a3.6 3.6 0 0 1-.18 1.49c-1.16.33-1.18 1.85-1.2 3.62c.043.983-.058 1.967-.3 2.92a1.9 1.9 0 0 0 .76 2.38c.545.32 1.168.482 1.8.47a3.72 3.72 0 0 0 2.67-1.05a4 4 0 0 0 1.12-2.19q.045-.162.06-.33a.7.7 0 0 1 .29 0c.28 0 .65 0 1 .06h.62a8.72 8.72 0 0 1-8.54 9.9z"/></svg>

React

import type { SVGProps } from "react";

export function MageEarthFill(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="M21.95 10.105v-.15a10.27 10.27 0 0 0-10-8.19a10.14 10.14 0 0 0-7 2.78l-.21.19a.1.1 0 0 0 0 .05a10.23 10.23 0 0 0 6.86 17.45h.4a10.26 10.26 0 0 0 10.25-10.25a10 10 0 0 0-.3-1.88m-9.94 10.66a12.2 12.2 0 0 1-.61-3.44c.11-1.52-1.21-1.66-1.78-1.72c-.86-.09-1.43-.15-1.43-1.88c.029-.898.119-1.794.27-2.68c.33-2.3.7-4.86-1.72-6.11a8.72 8.72 0 0 1 5.14-1.67a8.6 8.6 0 0 1 2 .23a3.6 3.6 0 0 1-.18 1.49c-1.16.33-1.18 1.85-1.2 3.62c.043.983-.058 1.967-.3 2.92a1.9 1.9 0 0 0 .76 2.38c.545.32 1.168.482 1.8.47a3.72 3.72 0 0 0 2.67-1.05a4 4 0 0 0 1.12-2.19q.045-.162.06-.33a.7.7 0 0 1 .29 0c.28 0 .65 0 1 .06h.62a8.72 8.72 0 0 1-8.54 9.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.95 10.105v-.15a10.27 10.27 0 0 0-10-8.19a10.14 10.14 0 0 0-7 2.78l-.21.19a.1.1 0 0 0 0 .05a10.23 10.23 0 0 0 6.86 17.45h.4a10.26 10.26 0 0 0 10.25-10.25a10 10 0 0 0-.3-1.88m-9.94 10.66a12.2 12.2 0 0 1-.61-3.44c.11-1.52-1.21-1.66-1.78-1.72c-.86-.09-1.43-.15-1.43-1.88c.029-.898.119-1.794.27-2.68c.33-2.3.7-4.86-1.72-6.11a8.72 8.72 0 0 1 5.14-1.67a8.6 8.6 0 0 1 2 .23a3.6 3.6 0 0 1-.18 1.49c-1.16.33-1.18 1.85-1.2 3.62c.043.983-.058 1.967-.3 2.92a1.9 1.9 0 0 0 .76 2.38c.545.32 1.168.482 1.8.47a3.72 3.72 0 0 0 2.67-1.05a4 4 0 0 0 1.12-2.19q.045-.162.06-.33a.7.7 0 0 1 .29 0c.28 0 .65 0 1 .06h.62a8.72 8.72 0 0 1-8.54 9.9z"/></svg>
</template>

CSS

.icon-earth-fill {
  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%22M21.95%2010.105v-.15a10.27%2010.27%200%200%200-10-8.19a10.14%2010.14%200%200%200-7%202.78l-.21.19a.1.1%200%200%200%200%20.05a10.23%2010.23%200%200%200%206.86%2017.45h.4a10.26%2010.26%200%200%200%2010.25-10.25a10%2010%200%200%200-.3-1.88m-9.94%2010.66a12.2%2012.2%200%200%201-.61-3.44c.11-1.52-1.21-1.66-1.78-1.72c-.86-.09-1.43-.15-1.43-1.88c.029-.898.119-1.794.27-2.68c.33-2.3.7-4.86-1.72-6.11a8.72%208.72%200%200%201%205.14-1.67a8.6%208.6%200%200%201%202%20.23a3.6%203.6%200%200%201-.18%201.49c-1.16.33-1.18%201.85-1.2%203.62c.043.983-.058%201.967-.3%202.92a1.9%201.9%200%200%200%20.76%202.38c.545.32%201.168.482%201.8.47a3.72%203.72%200%200%200%202.67-1.05a4%204%200%200%200%201.12-2.19q.045-.162.06-.33a.7.7%200%200%201%20.29%200c.28%200%20.65%200%201%20.06h.62a8.72%208.72%200%200%201-8.54%209.9z%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%22M21.95%2010.105v-.15a10.27%2010.27%200%200%200-10-8.19a10.14%2010.14%200%200%200-7%202.78l-.21.19a.1.1%200%200%200%200%20.05a10.23%2010.23%200%200%200%206.86%2017.45h.4a10.26%2010.26%200%200%200%2010.25-10.25a10%2010%200%200%200-.3-1.88m-9.94%2010.66a12.2%2012.2%200%200%201-.61-3.44c.11-1.52-1.21-1.66-1.78-1.72c-.86-.09-1.43-.15-1.43-1.88c.029-.898.119-1.794.27-2.68c.33-2.3.7-4.86-1.72-6.11a8.72%208.72%200%200%201%205.14-1.67a8.6%208.6%200%200%201%202%20.23a3.6%203.6%200%200%201-.18%201.49c-1.16.33-1.18%201.85-1.2%203.62c.043.983-.058%201.967-.3%202.92a1.9%201.9%200%200%200%20.76%202.38c.545.32%201.168.482%201.8.47a3.72%203.72%200%200%200%202.67-1.05a4%204%200%200%200%201.12-2.19q.045-.162.06-.33a.7.7%200%200%201%20.29%200c.28%200%20.65%200%201%20.06h.62a8.72%208.72%200%200%201-8.54%209.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/earth-fill.svg?color=%231a73e8&size=48