leaf icon
leaf from Reicon by REICON · Outline · Nature · MIT Free for personal and commercial use.
- Name
- leaf
- Set
- Reicon
- Style
- Outline
- Category
- Nature
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All leaf icons →leafAkar IconsleafBootstrap IconsleafBoxIcons v2leafBoxIcons v2 SolidleafFont Awesome 6 SolidleafFont Awesome Solidleaf-20-filledFluent UI System IconsleafIconParkleafIconPark OutlineleafIconoirleafIonIconsleafJam IconsleafKeyline IconsleafLine AwesomeleafLucideleafMaterial Design Iconsleaf-fillMingCute IconleafMyna UI IconsleafPhosphorleafPixelarticonsleaf-fillRemix Iconleaf-boldSolarleafTabler Icons
More nature icons from Reicon
Use the leaf icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.22 1.646a4.2 4.2 0 0 1 3.56 0c2.176 1.017 3.914 2.92 5.104 5.112c1.192 2.194 1.866 4.734 1.866 7.099c0 4.899-3.905 8.893-8.75 8.893s-8.75-3.994-8.75-8.893c0-2.365.674-4.905 1.866-7.099c1.19-2.191 2.928-4.095 5.104-5.112m1.03 1.21a3 3 0 0 0-.395.149c-1.809.845-3.339 2.476-4.421 4.469c-1.081 1.99-1.684 4.286-1.684 6.383c0 3.836 2.858 6.971 6.5 7.354zm1.5 0V7.19l2.628-2.628a8.4 8.4 0 0 0-2.233-1.556a3 3 0 0 0-.395-.149m3.636 2.818L12.75 9.311v3.378l4.954-4.954l-.138-.261a12.7 12.7 0 0 0-1.18-1.8m1.972 3.529L12.75 14.81v2.878l6.22-6.22l.047.049a14 14 0 0 0-.66-2.315m.88 4.12l-6.488 6.488v1.4c3.642-.383 6.5-3.518 6.5-7.354q0-.265-.013-.534" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconLeaf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M10.22 1.646a4.2 4.2 0 0 1 3.56 0c2.176 1.017 3.914 2.92 5.104 5.112c1.192 2.194 1.866 4.734 1.866 7.099c0 4.899-3.905 8.893-8.75 8.893s-8.75-3.994-8.75-8.893c0-2.365.674-4.905 1.866-7.099c1.19-2.191 2.928-4.095 5.104-5.112m1.03 1.21a3 3 0 0 0-.395.149c-1.809.845-3.339 2.476-4.421 4.469c-1.081 1.99-1.684 4.286-1.684 6.383c0 3.836 2.858 6.971 6.5 7.354zm1.5 0V7.19l2.628-2.628a8.4 8.4 0 0 0-2.233-1.556a3 3 0 0 0-.395-.149m3.636 2.818L12.75 9.311v3.378l4.954-4.954l-.138-.261a12.7 12.7 0 0 0-1.18-1.8m1.972 3.529L12.75 14.81v2.878l6.22-6.22l.047.049a14 14 0 0 0-.66-2.315m.88 4.12l-6.488 6.488v1.4c3.642-.383 6.5-3.518 6.5-7.354q0-.265-.013-.534" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.22 1.646a4.2 4.2 0 0 1 3.56 0c2.176 1.017 3.914 2.92 5.104 5.112c1.192 2.194 1.866 4.734 1.866 7.099c0 4.899-3.905 8.893-8.75 8.893s-8.75-3.994-8.75-8.893c0-2.365.674-4.905 1.866-7.099c1.19-2.191 2.928-4.095 5.104-5.112m1.03 1.21a3 3 0 0 0-.395.149c-1.809.845-3.339 2.476-4.421 4.469c-1.081 1.99-1.684 4.286-1.684 6.383c0 3.836 2.858 6.971 6.5 7.354zm1.5 0V7.19l2.628-2.628a8.4 8.4 0 0 0-2.233-1.556a3 3 0 0 0-.395-.149m3.636 2.818L12.75 9.311v3.378l4.954-4.954l-.138-.261a12.7 12.7 0 0 0-1.18-1.8m1.972 3.529L12.75 14.81v2.878l6.22-6.22l.047.049a14 14 0 0 0-.66-2.315m.88 4.12l-6.488 6.488v1.4c3.642-.383 6.5-3.518 6.5-7.354q0-.265-.013-.534" clip-rule="evenodd"/></svg> </template>
CSS
.icon-leaf {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.22%201.646a4.2%204.2%200%200%201%203.56%200c2.176%201.017%203.914%202.92%205.104%205.112c1.192%202.194%201.866%204.734%201.866%207.099c0%204.899-3.905%208.893-8.75%208.893s-8.75-3.994-8.75-8.893c0-2.365.674-4.905%201.866-7.099c1.19-2.191%202.928-4.095%205.104-5.112m1.03%201.21a3%203%200%200%200-.395.149c-1.809.845-3.339%202.476-4.421%204.469c-1.081%201.99-1.684%204.286-1.684%206.383c0%203.836%202.858%206.971%206.5%207.354zm1.5%200V7.19l2.628-2.628a8.4%208.4%200%200%200-2.233-1.556a3%203%200%200%200-.395-.149m3.636%202.818L12.75%209.311v3.378l4.954-4.954l-.138-.261a12.7%2012.7%200%200%200-1.18-1.8m1.972%203.529L12.75%2014.81v2.878l6.22-6.22l.047.049a14%2014%200%200%200-.66-2.315m.88%204.12l-6.488%206.488v1.4c3.642-.383%206.5-3.518%206.5-7.354q0-.265-.013-.534%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.22%201.646a4.2%204.2%200%200%201%203.56%200c2.176%201.017%203.914%202.92%205.104%205.112c1.192%202.194%201.866%204.734%201.866%207.099c0%204.899-3.905%208.893-8.75%208.893s-8.75-3.994-8.75-8.893c0-2.365.674-4.905%201.866-7.099c1.19-2.191%202.928-4.095%205.104-5.112m1.03%201.21a3%203%200%200%200-.395.149c-1.809.845-3.339%202.476-4.421%204.469c-1.081%201.99-1.684%204.286-1.684%206.383c0%203.836%202.858%206.971%206.5%207.354zm1.5%200V7.19l2.628-2.628a8.4%208.4%200%200%200-2.233-1.556a3%203%200%200%200-.395-.149m3.636%202.818L12.75%209.311v3.378l4.954-4.954l-.138-.261a12.7%2012.7%200%200%200-1.18-1.8m1.972%203.529L12.75%2014.81v2.878l6.22-6.22l.047.049a14%2014%200%200%200-.66-2.315m.88%204.12l-6.488%206.488v1.4c3.642-.383%206.5-3.518%206.5-7.354q0-.265-.013-.534%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/leaf.svg?color=%231a73e8&size=48
