leaf icon

leaf-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
leaf-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

leafleaf-boldleaf-duotoneleaf-lightleaf-thin

The same icon in other sets

leafAkar IconsleafBootstrap IconsleafBoxIcons v2leafBoxIcons v2 SolidleafFont Awesome 6 SolidleafFont Awesome Solidleaf-20-filledFluent UI System IconsleafIconParkleafIconPark OutlineleafIconoirleafIonIconsleafJam IconsleafLine AwesomeleafLucideleafMaterial Design Iconsleaf-fillMingCute IconleafMyna UI IconsleafPixelarticonsleaf-fillRemix Iconleaf-boldSolarleafTabler Icons

Use the leaf icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.45 40.07a8 8 0 0 0-7.52-7.52C139.8 28.08 78.82 51 52.82 94a87.1 87.1 0 0 0-12.76 49a101.7 101.7 0 0 0 6.64 32.2a4 4 0 0 0 6.61 1.43l85-86.3a8 8 0 0 1 11.32 11.32l-92.89 94.29l-14.19 14.19a8.2 8.2 0 0 0-.6 11.1a8 8 0 0 0 11.71.43l16.79-16.79c14.14 6.84 28.41 10.57 42.56 11.07q1.67.06 3.33.06A86.93 86.93 0 0 0 162 203.18c43-26 65.93-86.97 61.45-163.11"/></svg>

React

import type { SVGProps } from "react";

export function PhLeafFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.45 40.07a8 8 0 0 0-7.52-7.52C139.8 28.08 78.82 51 52.82 94a87.1 87.1 0 0 0-12.76 49a101.7 101.7 0 0 0 6.64 32.2a4 4 0 0 0 6.61 1.43l85-86.3a8 8 0 0 1 11.32 11.32l-92.89 94.29l-14.19 14.19a8.2 8.2 0 0 0-.6 11.1a8 8 0 0 0 11.71.43l16.79-16.79c14.14 6.84 28.41 10.57 42.56 11.07q1.67.06 3.33.06A86.93 86.93 0 0 0 162 203.18c43-26 65.93-86.97 61.45-163.11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M223.45 40.07a8 8 0 0 0-7.52-7.52C139.8 28.08 78.82 51 52.82 94a87.1 87.1 0 0 0-12.76 49a101.7 101.7 0 0 0 6.64 32.2a4 4 0 0 0 6.61 1.43l85-86.3a8 8 0 0 1 11.32 11.32l-92.89 94.29l-14.19 14.19a8.2 8.2 0 0 0-.6 11.1a8 8 0 0 0 11.71.43l16.79-16.79c14.14 6.84 28.41 10.57 42.56 11.07q1.67.06 3.33.06A86.93 86.93 0 0 0 162 203.18c43-26 65.93-86.97 61.45-163.11"/></svg>
</template>

CSS

.icon-leaf-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.45%2040.07a8%208%200%200%200-7.52-7.52C139.8%2028.08%2078.82%2051%2052.82%2094a87.1%2087.1%200%200%200-12.76%2049a101.7%20101.7%200%200%200%206.64%2032.2a4%204%200%200%200%206.61%201.43l85-86.3a8%208%200%200%201%2011.32%2011.32l-92.89%2094.29l-14.19%2014.19a8.2%208.2%200%200%200-.6%2011.1a8%208%200%200%200%2011.71.43l16.79-16.79c14.14%206.84%2028.41%2010.57%2042.56%2011.07q1.67.06%203.33.06A86.93%2086.93%200%200%200%20162%20203.18c43-26%2065.93-86.97%2061.45-163.11%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M223.45%2040.07a8%208%200%200%200-7.52-7.52C139.8%2028.08%2078.82%2051%2052.82%2094a87.1%2087.1%200%200%200-12.76%2049a101.7%20101.7%200%200%200%206.64%2032.2a4%204%200%200%200%206.61%201.43l85-86.3a8%208%200%200%201%2011.32%2011.32l-92.89%2094.29l-14.19%2014.19a8.2%208.2%200%200%200-.6%2011.1a8%208%200%200%200%2011.71.43l16.79-16.79c14.14%206.84%2028.41%2010.57%2042.56%2011.07q1.67.06%203.33.06A86.93%2086.93%200%200%200%20162%20203.18c43-26%2065.93-86.97%2061.45-163.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/leaf-fill.svg?color=%231a73e8&size=48