leaf icon

leaf-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
leaf-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

leafleaf-boldleaf-duotoneleaf-fillleaf-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="M221.45 40.19a6 6 0 0 0-5.64-5.64C140.43 30.11 80.14 52.71 54.53 95c-17.44 28.79-16.76 62.8 1.79 96.2l-20.56 20.56a6 6 0 1 0 8.48 8.48l20.56-20.56c17.27 9.59 34.7 14.41 51.49 14.41A85.4 85.4 0 0 0 161 201.47c42.29-25.61 64.88-85.9 60.45-161.28m-66.66 151c-24.08 14.58-52.64 14.37-81.13-.39l90.59-90.59a6 6 0 0 0-8.48-8.48l-90.59 90.61c-14.76-28.49-15-57-.39-81.13c22.68-37.43 76.63-57.8 145-54.95c2.8 68.32-17.57 122.28-55 144.95Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLeafLight(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="M221.45 40.19a6 6 0 0 0-5.64-5.64C140.43 30.11 80.14 52.71 54.53 95c-17.44 28.79-16.76 62.8 1.79 96.2l-20.56 20.56a6 6 0 1 0 8.48 8.48l20.56-20.56c17.27 9.59 34.7 14.41 51.49 14.41A85.4 85.4 0 0 0 161 201.47c42.29-25.61 64.88-85.9 60.45-161.28m-66.66 151c-24.08 14.58-52.64 14.37-81.13-.39l90.59-90.59a6 6 0 0 0-8.48-8.48l-90.59 90.61c-14.76-28.49-15-57-.39-81.13c22.68-37.43 76.63-57.8 145-54.95c2.8 68.32-17.57 122.28-55 144.95Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M221.45 40.19a6 6 0 0 0-5.64-5.64C140.43 30.11 80.14 52.71 54.53 95c-17.44 28.79-16.76 62.8 1.79 96.2l-20.56 20.56a6 6 0 1 0 8.48 8.48l20.56-20.56c17.27 9.59 34.7 14.41 51.49 14.41A85.4 85.4 0 0 0 161 201.47c42.29-25.61 64.88-85.9 60.45-161.28m-66.66 151c-24.08 14.58-52.64 14.37-81.13-.39l90.59-90.59a6 6 0 0 0-8.48-8.48l-90.59 90.61c-14.76-28.49-15-57-.39-81.13c22.68-37.43 76.63-57.8 145-54.95c2.8 68.32-17.57 122.28-55 144.95Z"/></svg>
</template>

CSS

.icon-leaf-light {
  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%22M221.45%2040.19a6%206%200%200%200-5.64-5.64C140.43%2030.11%2080.14%2052.71%2054.53%2095c-17.44%2028.79-16.76%2062.8%201.79%2096.2l-20.56%2020.56a6%206%200%201%200%208.48%208.48l20.56-20.56c17.27%209.59%2034.7%2014.41%2051.49%2014.41A85.4%2085.4%200%200%200%20161%20201.47c42.29-25.61%2064.88-85.9%2060.45-161.28m-66.66%20151c-24.08%2014.58-52.64%2014.37-81.13-.39l90.59-90.59a6%206%200%200%200-8.48-8.48l-90.59%2090.61c-14.76-28.49-15-57-.39-81.13c22.68-37.43%2076.63-57.8%20145-54.95c2.8%2068.32-17.57%20122.28-55%20144.95Z%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%22M221.45%2040.19a6%206%200%200%200-5.64-5.64C140.43%2030.11%2080.14%2052.71%2054.53%2095c-17.44%2028.79-16.76%2062.8%201.79%2096.2l-20.56%2020.56a6%206%200%201%200%208.48%208.48l20.56-20.56c17.27%209.59%2034.7%2014.41%2051.49%2014.41A85.4%2085.4%200%200%200%20161%20201.47c42.29-25.61%2064.88-85.9%2060.45-161.28m-66.66%20151c-24.08%2014.58-52.64%2014.37-81.13-.39l90.59-90.59a6%206%200%200%200-8.48-8.48l-90.59%2090.61c-14.76-28.49-15-57-.39-81.13c22.68-37.43%2076.63-57.8%20145-54.95c2.8%2068.32-17.57%20122.28-55%20144.95Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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