Earth icon

flat-ui:earth

The Earth icon (flat-ui:earth) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Flat UI Icons
Author: Designmodo, Inc.
License: MIT
Size: 100 × 100

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#2C3E50"/><circle cx="81" cy="30" r="5" fill="#F0C419"/><path fill="#fff" d="M79 27.5q3.825-.676 4.5-4.5q.675 3.824 4.5 4.5q-3.825.675-4.5 4.5q-.675-3.824-4.5-4.5"/><circle cx="61.5" cy="14.5" r="1.5" fill="#fff" opacity=".6"/><circle cx="44.5" cy="11.5" r="1.5" fill="#fff" opacity=".2"/><circle cx="16.5" cy="35.5" r="1.5" fill="#fff" opacity=".6"/><circle cx="35.5" cy="83.5" r="1.5" fill="#fff" opacity=".3"/><circle cx="68.5" cy="81.5" r="1.5" fill="#fff" opacity=".4"/><circle cx="85.5" cy="61.5" r="1.5" fill="#fff" opacity=".6"/><circle cx="50" cy="50" r="25" fill="#3B97D3"/><path fill="#fff" d="M73.997 57.008C68.724 65.88 54.143 72.42 47.871 74.903c.702.06 1.411.097 2.129.097c11.373 0 20.966-7.598 23.997-17.992M67.941 46c.062-7.875-1.046-7.957-8-7c-3.406.469-6.406 1.719-11 4l-10 9s-1.538-2.902-4 1c-1.656 2.625-1 5-1 5s3-3.313 6-4c1.487-.341 12.031-5.907 12 1c-.028 6.255-11.795 14.713-14.48 16.625q.59.342 1.198.653c1.674-.257 4.616-1.113 9.281-3.277C54.879 65.781 67.871 54.823 67.941 46" opacity=".88"/><path fill="#3B97D3" d="M73.997 57.008A25 25 0 0 0 75 50c0-12.296-8.88-22.511-20.575-24.602c-.368.16-1.153.357-2.484.602c-8.729 1.603-16.844 6.875-22 15c-1.094 1.25-2 5-2 5s-.194 2 1 2s.351-3.18 2-5c1.594-1.758 4.995-7.384 10-10c3.236-1.736 13.594-4.252 19 0c5.587 4.415-8.679-4.043-16.042 7.155c-1.849 2.812-3.077-1.856-5.958-.155c-3.221 1.901-2.062 2.406-6 11c-2.885 6.297-.611 12.253-1.329 14.779a25.1 25.1 0 0 0 6.85 5.846c2.685-1.912 14.451-10.37 14.48-16.625c.031-6.906-10.513-1.341-12-1c-3 .687-6 4-6 4s-.656-2.375 1-5c2.462-3.902 4-1 4-1s5.406-6.719 10-9s7.594-3.531 11-4c6.954-.957 8.063-.875 8 7c-.07 8.823-13.062 19.781-20 23c-4.666 2.165-7.607 3.02-9.281 3.277a24.8 24.8 0 0 0 9.211 2.625c6.271-2.482 20.852-9.022 26.125-17.894"/><path fill="#fff" d="M31.941 51c3.938-8.594 2.779-9.099 6-11c2.882-1.701 4.109 2.967 5.958.155c7.363-11.198 21.629-2.74 16.042-7.155c-5.406-4.252-15.764-1.736-19 0c-5.005 2.616-8.406 8.242-10 10c-1.649 1.82-.806 5-2 5l-1-2s.906-3.75 2-5c5.156-8.125 13.271-13.397 22-15c1.331-.244 2.116-.442 2.484-.602A25 25 0 0 0 50 25c-13.807 0-25 11.193-25 25a24.9 24.9 0 0 0 5.612 15.779c.719-2.526-1.556-8.482 1.329-14.779" opacity=".88"/></svg>

How to use the Earth icon

React

import { Icon } from "@iconify/react";

<Icon icon="flat-ui:earth" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flat-ui:earth" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flat-ui:earth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--earth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:earth"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flat-ui:earth"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/flat-ui/earth.svg" alt="Earth icon" width="24" height="24">

Earth icon in other icon sets

Earth icon FAQ

Is the Earth icon free for commercial use?

Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Earth icon in React?

Install @iconify/react and render <Icon icon="flat-ui:earth" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Earth icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/earth.svg" alt="Earth icon">, or paste the SVG code inline to style it with CSS.

Browse all Flat UI Icons →