earth icon

earth-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: earth-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign 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 earthMage Icons earthMaterial Design Icons earth-fillMingCute Icon earthMyna UI Icons earthPixelarticons earth-fillRemix Icon earth-boldSolar

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="M1.003 11.79Q1 11.896 1 12c0 2.784 1.034 5.327 2.74 7.265l2.815-5.587z"/><path fill="currentColor" d="m1.23 9.756l8.146 2.767l-4.115 8.17A10.95 10.95 0 0 0 12.001 23c6.075 0 11-4.925 11-11q0-.248-.011-.495l-2.347 1.36l-4.385 5.082l-1.988-4.032l-3.294-1.114V8.734l-1.735-.586l-2.022 2.05L1.705 8.12a11 11 0 0 0-.475 1.637"/><path fill="currentColor" d="m2.583 6.313l4.125 1.555l1.988-2.016l4.28 1.447v4.067l2.72.92l1.02 2.068l2.633-3.051l3.336-1.932C21.506 4.565 17.17 1 12 1C8.007 1 4.51 3.128 2.583 6.313"/></svg>

React

import type { SVGProps } from "react";

export function TdesignEarthFilled(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="M1.003 11.79Q1 11.896 1 12c0 2.784 1.034 5.327 2.74 7.265l2.815-5.587z"/><path fill="currentColor" d="m1.23 9.756l8.146 2.767l-4.115 8.17A10.95 10.95 0 0 0 12.001 23c6.075 0 11-4.925 11-11q0-.248-.011-.495l-2.347 1.36l-4.385 5.082l-1.988-4.032l-3.294-1.114V8.734l-1.735-.586l-2.022 2.05L1.705 8.12a11 11 0 0 0-.475 1.637"/><path fill="currentColor" d="m2.583 6.313l4.125 1.555l1.988-2.016l4.28 1.447v4.067l2.72.92l1.02 2.068l2.633-3.051l3.336-1.932C21.506 4.565 17.17 1 12 1C8.007 1 4.51 3.128 2.583 6.313"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.003 11.79Q1 11.896 1 12c0 2.784 1.034 5.327 2.74 7.265l2.815-5.587z"/><path fill="currentColor" d="m1.23 9.756l8.146 2.767l-4.115 8.17A10.95 10.95 0 0 0 12.001 23c6.075 0 11-4.925 11-11q0-.248-.011-.495l-2.347 1.36l-4.385 5.082l-1.988-4.032l-3.294-1.114V8.734l-1.735-.586l-2.022 2.05L1.705 8.12a11 11 0 0 0-.475 1.637"/><path fill="currentColor" d="m2.583 6.313l4.125 1.555l1.988-2.016l4.28 1.447v4.067l2.72.92l1.02 2.068l2.633-3.051l3.336-1.932C21.506 4.565 17.17 1 12 1C8.007 1 4.51 3.128 2.583 6.313"/></svg>
</template>

CSS

.icon-earth-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%22M1.003%2011.79Q1%2011.896%201%2012c0%202.784%201.034%205.327%202.74%207.265l2.815-5.587z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.23%209.756l8.146%202.767l-4.115%208.17A10.95%2010.95%200%200%200%2012.001%2023c6.075%200%2011-4.925%2011-11q0-.248-.011-.495l-2.347%201.36l-4.385%205.082l-1.988-4.032l-3.294-1.114V8.734l-1.735-.586l-2.022%202.05L1.705%208.12a11%2011%200%200%200-.475%201.637%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.583%206.313l4.125%201.555l1.988-2.016l4.28%201.447v4.067l2.72.92l1.02%202.068l2.633-3.051l3.336-1.932C21.506%204.565%2017.17%201%2012%201C8.007%201%204.51%203.128%202.583%206.313%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%22M1.003%2011.79Q1%2011.896%201%2012c0%202.784%201.034%205.327%202.74%207.265l2.815-5.587z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.23%209.756l8.146%202.767l-4.115%208.17A10.95%2010.95%200%200%200%2012.001%2023c6.075%200%2011-4.925%2011-11q0-.248-.011-.495l-2.347%201.36l-4.385%205.082l-1.988-4.032l-3.294-1.114V8.734l-1.735-.586l-2.022%202.05L1.705%208.12a11%2011%200%200%200-.475%201.637%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.583%206.313l4.125%201.555l1.988-2.016l4.28%201.447v4.067l2.72.92l1.02%202.068l2.633-3.051l3.336-1.932C21.506%204.565%2017.17%201%2012%201C8.007%201%204.51%203.128%202.583%206.313%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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