earth icon

earth-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: earth-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

earth earth-duotone earth-sharp earth-sharp-duotone earth-sharp-fill earth-sharp-two-tone earth-two-tone

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 earthMage Icons 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" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.4423 3.6843C14.3509 3.2325 13.1812 3 12 3C7.0294 3 3 7.0294 3 12C3 12.0916 3.0014 12.1832 3.0042 12.2748L4.358 11.6907C4.6373 11.5702 4.9563 11.5834 5.2247 11.7265L6.0279 12.1549C6.2052 12.2494 6.3499 12.3952 6.4431 12.5732L7.5759 14.7358C7.9575 15.4644 9.0066 15.4463 9.363 14.705L10.5989 12.1342C10.8253 11.6634 11.3758 11.4462 11.8626 11.6355L12.3832 11.8379C12.6484 11.941 12.8571 12.1523 12.957 12.4188L13.2403 13.1741C13.5397 13.9724 14.6367 14.0539 15.0508 13.3086L15.4519 12.5866C15.4839 12.529 15.5101 12.4684 15.5302 12.4057L16.1331 10.5215C16.2424 10.1801 16.2579 9.8157 16.178 9.4663L15.5457 6.6998C15.5153 6.5669 15.4986 6.4313 15.4958 6.2951L15.4423 3.6843ZM20.7836 13.9617L18.5505 15.7235C18.3197 15.9056 18.1318 16.1363 18.0004 16.3993L16.8444 18.7113C16.8148 18.7704 16.7823 18.828 16.7471 18.8839L16.0055 20.0595C18.4363 18.8515 20.1919 16.6109 20.7836 13.9617Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsEarthFill(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" fillRule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.4423 3.6843C14.3509 3.2325 13.1812 3 12 3C7.0294 3 3 7.0294 3 12C3 12.0916 3.0014 12.1832 3.0042 12.2748L4.358 11.6907C4.6373 11.5702 4.9563 11.5834 5.2247 11.7265L6.0279 12.1549C6.2052 12.2494 6.3499 12.3952 6.4431 12.5732L7.5759 14.7358C7.9575 15.4644 9.0066 15.4463 9.363 14.705L10.5989 12.1342C10.8253 11.6634 11.3758 11.4462 11.8626 11.6355L12.3832 11.8379C12.6484 11.941 12.8571 12.1523 12.957 12.4188L13.2403 13.1741C13.5397 13.9724 14.6367 14.0539 15.0508 13.3086L15.4519 12.5866C15.4839 12.529 15.5101 12.4684 15.5302 12.4057L16.1331 10.5215C16.2424 10.1801 16.2579 9.8157 16.178 9.4663L15.5457 6.6998C15.5153 6.5669 15.4986 6.4313 15.4958 6.2951L15.4423 3.6843ZM20.7836 13.9617L18.5505 15.7235C18.3197 15.9056 18.1318 16.1363 18.0004 16.3993L16.8444 18.7113C16.8148 18.7704 16.7823 18.828 16.7471 18.8839L16.0055 20.0595C18.4363 18.8515 20.1919 16.6109 20.7836 13.9617Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.4423 3.6843C14.3509 3.2325 13.1812 3 12 3C7.0294 3 3 7.0294 3 12C3 12.0916 3.0014 12.1832 3.0042 12.2748L4.358 11.6907C4.6373 11.5702 4.9563 11.5834 5.2247 11.7265L6.0279 12.1549C6.2052 12.2494 6.3499 12.3952 6.4431 12.5732L7.5759 14.7358C7.9575 15.4644 9.0066 15.4463 9.363 14.705L10.5989 12.1342C10.8253 11.6634 11.3758 11.4462 11.8626 11.6355L12.3832 11.8379C12.6484 11.941 12.8571 12.1523 12.957 12.4188L13.2403 13.1741C13.5397 13.9724 14.6367 14.0539 15.0508 13.3086L15.4519 12.5866C15.4839 12.529 15.5101 12.4684 15.5302 12.4057L16.1331 10.5215C16.2424 10.1801 16.2579 9.8157 16.178 9.4663L15.5457 6.6998C15.5153 6.5669 15.4986 6.4313 15.4958 6.2951L15.4423 3.6843ZM20.7836 13.9617L18.5505 15.7235C18.3197 15.9056 18.1318 16.1363 18.0004 16.3993L16.8444 18.7113C16.8148 18.7704 16.7823 18.828 16.7471 18.8839L16.0055 20.0595C18.4363 18.8515 20.1919 16.6109 20.7836 13.9617Z" clip-rule="evenodd"/></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%20fill-rule%3D%22evenodd%22%20d%3D%22M23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.9249%2023%201%2018.0751%201%2012C1%205.9249%205.9249%201%2012%201C18.0751%201%2023%205.9249%2023%2012ZM15.4423%203.6843C14.3509%203.2325%2013.1812%203%2012%203C7.0294%203%203%207.0294%203%2012C3%2012.0916%203.0014%2012.1832%203.0042%2012.2748L4.358%2011.6907C4.6373%2011.5702%204.9563%2011.5834%205.2247%2011.7265L6.0279%2012.1549C6.2052%2012.2494%206.3499%2012.3952%206.4431%2012.5732L7.5759%2014.7358C7.9575%2015.4644%209.0066%2015.4463%209.363%2014.705L10.5989%2012.1342C10.8253%2011.6634%2011.3758%2011.4462%2011.8626%2011.6355L12.3832%2011.8379C12.6484%2011.941%2012.8571%2012.1523%2012.957%2012.4188L13.2403%2013.1741C13.5397%2013.9724%2014.6367%2014.0539%2015.0508%2013.3086L15.4519%2012.5866C15.4839%2012.529%2015.5101%2012.4684%2015.5302%2012.4057L16.1331%2010.5215C16.2424%2010.1801%2016.2579%209.8157%2016.178%209.4663L15.5457%206.6998C15.5153%206.5669%2015.4986%206.4313%2015.4958%206.2951L15.4423%203.6843ZM20.7836%2013.9617L18.5505%2015.7235C18.3197%2015.9056%2018.1318%2016.1363%2018.0004%2016.3993L16.8444%2018.7113C16.8148%2018.7704%2016.7823%2018.828%2016.7471%2018.8839L16.0055%2020.0595C18.4363%2018.8515%2020.1919%2016.6109%2020.7836%2013.9617Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.9249%2023%201%2018.0751%201%2012C1%205.9249%205.9249%201%2012%201C18.0751%201%2023%205.9249%2023%2012ZM15.4423%203.6843C14.3509%203.2325%2013.1812%203%2012%203C7.0294%203%203%207.0294%203%2012C3%2012.0916%203.0014%2012.1832%203.0042%2012.2748L4.358%2011.6907C4.6373%2011.5702%204.9563%2011.5834%205.2247%2011.7265L6.0279%2012.1549C6.2052%2012.2494%206.3499%2012.3952%206.4431%2012.5732L7.5759%2014.7358C7.9575%2015.4644%209.0066%2015.4463%209.363%2014.705L10.5989%2012.1342C10.8253%2011.6634%2011.3758%2011.4462%2011.8626%2011.6355L12.3832%2011.8379C12.6484%2011.941%2012.8571%2012.1523%2012.957%2012.4188L13.2403%2013.1741C13.5397%2013.9724%2014.6367%2014.0539%2015.0508%2013.3086L15.4519%2012.5866C15.4839%2012.529%2015.5101%2012.4684%2015.5302%2012.4057L16.1331%2010.5215C16.2424%2010.1801%2016.2579%209.8157%2016.178%209.4663L15.5457%206.6998C15.5153%206.5669%2015.4986%206.4313%2015.4958%206.2951L15.4423%203.6843ZM20.7836%2013.9617L18.5505%2015.7235C18.3197%2015.9056%2018.1318%2016.1363%2018.0004%2016.3993L16.8444%2018.7113C16.8148%2018.7704%2016.7823%2018.828%2016.7471%2018.8839L16.0055%2020.0595C18.4363%2018.8515%2020.1919%2016.6109%2020.7836%2013.9617Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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