earth icon
earth-duotone from Reicon by REICON · Duotone · Astronomy · MIT Free for personal and commercial use.
- Name
- earth-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Astronomy
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All earth icons →earthCarbonearthCircle FlagsearthFont Awesome Solidearth-16-filledFluent UI System IconsearthHuge IconsearthIconParkearthIconPark OutlineearthIonIconsearthKeyline IconsearthLucideearthMage IconsearthMaterial Design Iconsearth-fillMingCute IconearthMyna UI IconsearthPixelarticonsearth-fillRemix Iconearth-boldSolarearthTDesign Icons
More astronomy icons from Reicon
Use the earth icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M8.575 9.447C8.388 7.363 6.781 5.421 6 4.711l-.43-.37A9.96 9.96 0 0 1 12 2c2.214 0 4.26.72 5.916 1.936c.234.711-.212 2.196-.68 2.906c-.17.257-.554.577-.976.88c-.95.683-2.15 1.02-2.76 2.278a1.42 1.42 0 0 0-.083 1.016c.06.22.1.459.1.692c.002.755-.762 1.3-1.517 1.292c-1.964-.021-3.25-1.604-3.425-3.553m4.862 8.829c.988-1.862 4.281-1.862 4.281-1.862c3.432-.036 3.896-2.12 4.206-3.173a10.006 10.006 0 0 1-8.535 8.664c-.323-.68-.705-2.21.048-3.629"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconEarthDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M8.575 9.447C8.388 7.363 6.781 5.421 6 4.711l-.43-.37A9.96 9.96 0 0 1 12 2c2.214 0 4.26.72 5.916 1.936c.234.711-.212 2.196-.68 2.906c-.17.257-.554.577-.976.88c-.95.683-2.15 1.02-2.76 2.278a1.42 1.42 0 0 0-.083 1.016c.06.22.1.459.1.692c.002.755-.762 1.3-1.517 1.292c-1.964-.021-3.25-1.604-3.425-3.553m4.862 8.829c.988-1.862 4.281-1.862 4.281-1.862c3.432-.036 3.896-2.12 4.206-3.173a10.006 10.006 0 0 1-8.535 8.664c-.323-.68-.705-2.21.048-3.629"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="12" cy="12" r="10" opacity=".5"/><path d="M8.575 9.447C8.388 7.363 6.781 5.421 6 4.711l-.43-.37A9.96 9.96 0 0 1 12 2c2.214 0 4.26.72 5.916 1.936c.234.711-.212 2.196-.68 2.906c-.17.257-.554.577-.976.88c-.95.683-2.15 1.02-2.76 2.278a1.42 1.42 0 0 0-.083 1.016c.06.22.1.459.1.692c.002.755-.762 1.3-1.517 1.292c-1.964-.021-3.25-1.604-3.425-3.553m4.862 8.829c.988-1.862 4.281-1.862 4.281-1.862c3.432-.036 3.896-2.12 4.206-3.173a10.006 10.006 0 0 1-8.535 8.664c-.323-.68-.705-2.21.048-3.629"/></g></svg> </template>
CSS
.icon-earth-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8.575%209.447C8.388%207.363%206.781%205.421%206%204.711l-.43-.37A9.96%209.96%200%200%201%2012%202c2.214%200%204.26.72%205.916%201.936c.234.711-.212%202.196-.68%202.906c-.17.257-.554.577-.976.88c-.95.683-2.15%201.02-2.76%202.278a1.42%201.42%200%200%200-.083%201.016c.06.22.1.459.1.692c.002.755-.762%201.3-1.517%201.292c-1.964-.021-3.25-1.604-3.425-3.553m4.862%208.829c.988-1.862%204.281-1.862%204.281-1.862c3.432-.036%203.896-2.12%204.206-3.173a10.006%2010.006%200%200%201-8.535%208.664c-.323-.68-.705-2.21.048-3.629%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8.575%209.447C8.388%207.363%206.781%205.421%206%204.711l-.43-.37A9.96%209.96%200%200%201%2012%202c2.214%200%204.26.72%205.916%201.936c.234.711-.212%202.196-.68%202.906c-.17.257-.554.577-.976.88c-.95.683-2.15%201.02-2.76%202.278a1.42%201.42%200%200%200-.083%201.016c.06.22.1.459.1.692c.002.755-.762%201.3-1.517%201.292c-1.964-.021-3.25-1.604-3.425-3.553m4.862%208.829c.988-1.862%204.281-1.862%204.281-1.862c3.432-.036%203.896-2.12%204.206-3.173a10.006%2010.006%200%200%201-8.535%208.664c-.323-.68-.705-2.21.048-3.629%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/earth-duotone.svg?color=%231a73e8&size=48
