Earth Sharp Duotone icon
keyline-icons:earth-sharp-duotone
The Earth Sharp Duotone icon (keyline-icons:earth-sharp-duotone) 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, sharpduotone, earthsharpduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" 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 12Z"/><path fill-rule="evenodd" d="M15.3984 1.5381L15.499 6.4488C15.4996 6.4828 15.5038 6.5167 15.5114 6.5499L16.2695 9.8666C16.2895 9.9539 16.2856 10.045 16.2583 10.1304L15.5151 12.4528C15.5051 12.4842 15.4919 12.5145 15.476 12.5433L14.5254 14.2543C14.3184 14.627 13.7698 14.5862 13.6201 14.187L12.8785 12.2094C12.8286 12.0762 12.7242 11.9705 12.5916 11.9189L11.4313 11.4677C11.1879 11.3731 10.9126 11.4817 10.7995 11.7171L8.9315 15.6025C8.7533 15.9732 8.2288 15.9822 8.0379 15.6179L6.3716 12.4366C6.3249 12.3476 6.2526 12.2747 6.1639 12.2274L5.0124 11.6133C4.8782 11.5417 4.7187 11.5351 4.579 11.5954L1.0567 13.1151C1.0189 12.7446 1 12.3724 1 12C1 5.9249 5.9249 1 12 1C13.154 1 14.3008 1.1816 15.3984 1.5381ZM22.9979 12.2148C22.8982 17.3204 19.2979 21.686 14.3046 22.7559L16.7868 18.821C16.7956 18.807 16.8037 18.7926 16.8111 18.7778L18.1501 16.0998C18.183 16.0341 18.2299 15.9764 18.2876 15.9309L22.9979 12.2148Z" clip-rule="evenodd"/></g></svg>How to use the Earth Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--earth-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:earth-sharp-duotone"></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-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-duotone.svg" alt="Earth Sharp Duotone icon" width="24" height="24">Related icons in Keyline Icons
Earth Sharp Duotone icon FAQ
Is the Earth Sharp Duotone 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 Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:earth-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Earth Sharp Duotone 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-duotone.svg" alt="Earth Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.