Earth Sharp Fill icon
keyline-icons:earth-sharp-fill
The Earth Sharp Fill icon (keyline-icons:earth-sharp-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- earthsharp, sharpfill, earthsharpfill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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.579 11.5954C4.7187 11.5351 4.8782 11.5417 5.0124 11.6133L6.1639 12.2274C6.2526 12.2747 6.3249 12.3476 6.3716 12.4366L8.0379 15.6179C8.2288 15.9822 8.7533 15.9732 8.9315 15.6025L10.7995 11.7171C10.9126 11.4817 11.1879 11.3731 11.4313 11.4677L12.5916 11.9189C12.7242 11.9705 12.8286 12.0762 12.8785 12.2094L13.6201 14.187C13.7698 14.5862 14.3184 14.627 14.5254 14.2543L15.476 12.5433C15.4919 12.5145 15.5051 12.4842 15.5151 12.4528L16.2583 10.1304C16.2856 10.045 16.2895 9.9539 16.2695 9.8666L15.5114 6.5499C15.5038 6.5167 15.4996 6.4828 15.499 6.4488L15.4423 3.6843ZM20.7836 13.9617L18.2876 15.9309C18.2299 15.9764 18.183 16.0341 18.1501 16.0998L16.8111 18.7778C16.8037 18.7926 16.7956 18.807 16.7868 18.821L16.0055 20.0595C18.4363 18.8515 20.1919 16.6109 20.7836 13.9617Z" clip-rule="evenodd"/></svg>How to use the Earth Sharp Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:earth-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:earth-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:earth-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--earth-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:earth-sharp-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:earth-sharp-fill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-fill.svg" alt="Earth Sharp Fill icon" width="24" height="24">Related icons in Keyline Icons
Earth Sharp Fill icon FAQ
Is the Earth Sharp Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Earth Sharp Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:earth-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Earth Sharp Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-fill.svg" alt="Earth Sharp Fill icon">, or paste the SVG code inline to style it with CSS.