earth leaf icon
earth-leaf-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- earth-leaf-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
9 other variants in Fluent UI System Icons
Use the earth leaf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.222 4.36A14 14 0 0 1 30 16v.066c-1.766-.403-3.876-.686-5.998-.523c-1.334.103-2.703.386-4 .945A4 4 0 0 0 18.93 13.9c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 7.027 3.107l.041.003a10 10 0 0 0-.452 1.972q-.63-.066-1.257-.191A14 14 0 0 1 8.222 4.359m10.155 22.945C19.15 28.114 20.557 29 23 29c4.294 0 5.638-5.53 6.249-8.042c.1-.414.18-.746.251-.958c.152-.454.543-.79.982-1.044c.69-.396.706-1.04-.064-1.242c-3.629-.951-9.03-1.482-12.418 1.905c-1.404 1.404-1.382 3.244-1.093 4.587q.087-.122.178-.245c1.574-2.13 3.879-4.11 6.92-5.168a.75.75 0 0 1 .493 1.416c-2.71.943-4.78 2.713-6.207 4.644c-1.424 1.928-2.17 3.967-2.291 5.422a.75.75 0 0 0 1.497.033c.07-.907.36-1.95.88-3.002"/></svg>
React
import type { SVGProps } from "react";
export function FluentEarthLeaf32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.222 4.36A14 14 0 0 1 30 16v.066c-1.766-.403-3.876-.686-5.998-.523c-1.334.103-2.703.386-4 .945A4 4 0 0 0 18.93 13.9c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 7.027 3.107l.041.003a10 10 0 0 0-.452 1.972q-.63-.066-1.257-.191A14 14 0 0 1 8.222 4.359m10.155 22.945C19.15 28.114 20.557 29 23 29c4.294 0 5.638-5.53 6.249-8.042c.1-.414.18-.746.251-.958c.152-.454.543-.79.982-1.044c.69-.396.706-1.04-.064-1.242c-3.629-.951-9.03-1.482-12.418 1.905c-1.404 1.404-1.382 3.244-1.093 4.587q.087-.122.178-.245c1.574-2.13 3.879-4.11 6.92-5.168a.75.75 0 0 1 .493 1.416c-2.71.943-4.78 2.713-6.207 4.644c-1.424 1.928-2.17 3.967-2.291 5.422a.75.75 0 0 0 1.497.033c.07-.907.36-1.95.88-3.002"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.222 4.36A14 14 0 0 1 30 16v.066c-1.766-.403-3.876-.686-5.998-.523c-1.334.103-2.703.386-4 .945A4 4 0 0 0 18.93 13.9c-.67-.95-1.68-2.39-.3-3.64a21.7 21.7 0 0 0 3.76-4.4A11.9 11.9 0 0 0 16 4h-.37l.05.18l.059.107c.834 1.52 1.738 3.166 1.191 5.443c-.436 1.823-2.139 2.4-3.405 2.828l-.035.012a4.5 4.5 0 0 0-1.23.53c-.5.67-.36 1.34-.1 2.34a3.64 3.64 0 0 1-.16 3.11a2.62 2.62 0 0 1-2 1.13a2 2 0 0 0-1.7.92c-.8 1.07-.55 3.11-.39 4.24a11.92 11.92 0 0 0 7.027 3.107l.041.003a10 10 0 0 0-.452 1.972q-.63-.066-1.257-.191A14 14 0 0 1 8.222 4.359m10.155 22.945C19.15 28.114 20.557 29 23 29c4.294 0 5.638-5.53 6.249-8.042c.1-.414.18-.746.251-.958c.152-.454.543-.79.982-1.044c.69-.396.706-1.04-.064-1.242c-3.629-.951-9.03-1.482-12.418 1.905c-1.404 1.404-1.382 3.244-1.093 4.587q.087-.122.178-.245c1.574-2.13 3.879-4.11 6.92-5.168a.75.75 0 0 1 .493 1.416c-2.71.943-4.78 2.713-6.207 4.644c-1.424 1.928-2.17 3.967-2.291 5.422a.75.75 0 0 0 1.497.033c.07-.907.36-1.95.88-3.002"/></svg> </template>
CSS
.icon-earth-leaf-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.222%204.36A14%2014%200%200%201%2030%2016v.066c-1.766-.403-3.876-.686-5.998-.523c-1.334.103-2.703.386-4%20.945A4%204%200%200%200%2018.93%2013.9c-.67-.95-1.68-2.39-.3-3.64a21.7%2021.7%200%200%200%203.76-4.4A11.9%2011.9%200%200%200%2016%204h-.37l.05.18l.059.107c.834%201.52%201.738%203.166%201.191%205.443c-.436%201.823-2.139%202.4-3.405%202.828l-.035.012a4.5%204.5%200%200%200-1.23.53c-.5.67-.36%201.34-.1%202.34a3.64%203.64%200%200%201-.16%203.11a2.62%202.62%200%200%201-2%201.13a2%202%200%200%200-1.7.92c-.8%201.07-.55%203.11-.39%204.24a11.92%2011.92%200%200%200%207.027%203.107l.041.003a10%2010%200%200%200-.452%201.972q-.63-.066-1.257-.191A14%2014%200%200%201%208.222%204.359m10.155%2022.945C19.15%2028.114%2020.557%2029%2023%2029c4.294%200%205.638-5.53%206.249-8.042c.1-.414.18-.746.251-.958c.152-.454.543-.79.982-1.044c.69-.396.706-1.04-.064-1.242c-3.629-.951-9.03-1.482-12.418%201.905c-1.404%201.404-1.382%203.244-1.093%204.587q.087-.122.178-.245c1.574-2.13%203.879-4.11%206.92-5.168a.75.75%200%200%201%20.493%201.416c-2.71.943-4.78%202.713-6.207%204.644c-1.424%201.928-2.17%203.967-2.291%205.422a.75.75%200%200%200%201.497.033c.07-.907.36-1.95.88-3.002%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.222%204.36A14%2014%200%200%201%2030%2016v.066c-1.766-.403-3.876-.686-5.998-.523c-1.334.103-2.703.386-4%20.945A4%204%200%200%200%2018.93%2013.9c-.67-.95-1.68-2.39-.3-3.64a21.7%2021.7%200%200%200%203.76-4.4A11.9%2011.9%200%200%200%2016%204h-.37l.05.18l.059.107c.834%201.52%201.738%203.166%201.191%205.443c-.436%201.823-2.139%202.4-3.405%202.828l-.035.012a4.5%204.5%200%200%200-1.23.53c-.5.67-.36%201.34-.1%202.34a3.64%203.64%200%200%201-.16%203.11a2.62%202.62%200%200%201-2%201.13a2%202%200%200%200-1.7.92c-.8%201.07-.55%203.11-.39%204.24a11.92%2011.92%200%200%200%207.027%203.107l.041.003a10%2010%200%200%200-.452%201.972q-.63-.066-1.257-.191A14%2014%200%200%201%208.222%204.359m10.155%2022.945C19.15%2028.114%2020.557%2029%2023%2029c4.294%200%205.638-5.53%206.249-8.042c.1-.414.18-.746.251-.958c.152-.454.543-.79.982-1.044c.69-.396.706-1.04-.064-1.242c-3.629-.951-9.03-1.482-12.418%201.905c-1.404%201.404-1.382%203.244-1.093%204.587q.087-.122.178-.245c1.574-2.13%203.879-4.11%206.92-5.168a.75.75%200%200%201%20.493%201.416c-2.71.943-4.78%202.713-6.207%204.644c-1.424%201.928-2.17%203.967-2.291%205.422a.75.75%200%200%200%201.497.033c.07-.907.36-1.95.88-3.002%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/earth-leaf-32-filled.svg?color=%231a73e8&size=48
