leaf icon
leaf-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- leaf-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 IconsleafMyna UI IconsleafPhosphorleafPixelarticonsleaf-fillRemix Iconleaf-boldSolarleafTabler Icons
Related icons in MingCute Icon
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" d="M17.111 3.006a1 1 0 0 1 .734.46c3.2 5.067 2.718 10.447.044 13.834c-1.334 1.691-3.21 2.871-5.395 3.22c-1.909.303-3.993-.038-6.094-1.137c-.193.609-.33 1.201-.41 1.758a1 1 0 0 1-1.98-.283a13.5 13.5 0 0 1 .703-2.719c-1.537-1.69-1.958-3.826-1.771-5.737c.206-2.106 1.167-4.128 2.418-5.17c1.672-1.394 3.428-1.965 4.951-2.245c.738-.135 1.43-.204 2.012-.262l.039-.004c.617-.06 1.06-.108 1.396-.192a6.8 6.8 0 0 0 1.962-.814c.442-.276.819-.773 1.391-.71m-4.217 7.547a1 1 0 0 0-1.342-.448c-2.606 1.304-4.604 3.557-5.903 5.962c.247.404.56.785.948 1.127q.278.173.554.322c1.112-2.265 2.93-4.439 5.296-5.622a1 1 0 0 0 .447-1.341"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteLeafFill(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" d="M17.111 3.006a1 1 0 0 1 .734.46c3.2 5.067 2.718 10.447.044 13.834c-1.334 1.691-3.21 2.871-5.395 3.22c-1.909.303-3.993-.038-6.094-1.137c-.193.609-.33 1.201-.41 1.758a1 1 0 0 1-1.98-.283a13.5 13.5 0 0 1 .703-2.719c-1.537-1.69-1.958-3.826-1.771-5.737c.206-2.106 1.167-4.128 2.418-5.17c1.672-1.394 3.428-1.965 4.951-2.245c.738-.135 1.43-.204 2.012-.262l.039-.004c.617-.06 1.06-.108 1.396-.192a6.8 6.8 0 0 0 1.962-.814c.442-.276.819-.773 1.391-.71m-4.217 7.547a1 1 0 0 0-1.342-.448c-2.606 1.304-4.604 3.557-5.903 5.962c.247.404.56.785.948 1.127q.278.173.554.322c1.112-2.265 2.93-4.439 5.296-5.622a1 1 0 0 0 .447-1.341"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.111 3.006a1 1 0 0 1 .734.46c3.2 5.067 2.718 10.447.044 13.834c-1.334 1.691-3.21 2.871-5.395 3.22c-1.909.303-3.993-.038-6.094-1.137c-.193.609-.33 1.201-.41 1.758a1 1 0 0 1-1.98-.283a13.5 13.5 0 0 1 .703-2.719c-1.537-1.69-1.958-3.826-1.771-5.737c.206-2.106 1.167-4.128 2.418-5.17c1.672-1.394 3.428-1.965 4.951-2.245c.738-.135 1.43-.204 2.012-.262l.039-.004c.617-.06 1.06-.108 1.396-.192a6.8 6.8 0 0 0 1.962-.814c.442-.276.819-.773 1.391-.71m-4.217 7.547a1 1 0 0 0-1.342-.448c-2.606 1.304-4.604 3.557-5.903 5.962c.247.404.56.785.948 1.127q.278.173.554.322c1.112-2.265 2.93-4.439 5.296-5.622a1 1 0 0 0 .447-1.341"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.111%203.006a1%201%200%200%201%20.734.46c3.2%205.067%202.718%2010.447.044%2013.834c-1.334%201.691-3.21%202.871-5.395%203.22c-1.909.303-3.993-.038-6.094-1.137c-.193.609-.33%201.201-.41%201.758a1%201%200%200%201-1.98-.283a13.5%2013.5%200%200%201%20.703-2.719c-1.537-1.69-1.958-3.826-1.771-5.737c.206-2.106%201.167-4.128%202.418-5.17c1.672-1.394%203.428-1.965%204.951-2.245c.738-.135%201.43-.204%202.012-.262l.039-.004c.617-.06%201.06-.108%201.396-.192a6.8%206.8%200%200%200%201.962-.814c.442-.276.819-.773%201.391-.71m-4.217%207.547a1%201%200%200%200-1.342-.448c-2.606%201.304-4.604%203.557-5.903%205.962c.247.404.56.785.948%201.127q.278.173.554.322c1.112-2.265%202.93-4.439%205.296-5.622a1%201%200%200%200%20.447-1.341%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%20d%3D%22M17.111%203.006a1%201%200%200%201%20.734.46c3.2%205.067%202.718%2010.447.044%2013.834c-1.334%201.691-3.21%202.871-5.395%203.22c-1.909.303-3.993-.038-6.094-1.137c-.193.609-.33%201.201-.41%201.758a1%201%200%200%201-1.98-.283a13.5%2013.5%200%200%201%20.703-2.719c-1.537-1.69-1.958-3.826-1.771-5.737c.206-2.106%201.167-4.128%202.418-5.17c1.672-1.394%203.428-1.965%204.951-2.245c.738-.135%201.43-.204%202.012-.262l.039-.004c.617-.06%201.06-.108%201.396-.192a6.8%206.8%200%200%200%201.962-.814c.442-.276.819-.773%201.391-.71m-4.217%207.547a1%201%200%200%200-1.342-.448c-2.606%201.304-4.604%203.557-5.903%205.962c.247.404.56.785.948%201.127q.278.173.554.322c1.112-2.265%202.93-4.439%205.296-5.622a1%201%200%200%200%20.447-1.341%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/leaf-fill.svg?color=%231a73e8&size=48
