Add icons to this collection by clicking the heart icon.
Leaf icon - also known as nature, leaf, and tropical leaves. Created in a clean gradient style with a white, teal, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient
id="c"
x1="257.752"
x2="257.752"
y1="488.496"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#00a563" />
<stop offset="1" stop-color="#6dcfb0" />
</linearGradient>
<linearGradient id="a">
<stop offset=".001" stop-color="#95e090" />
<stop offset="1" stop-color="#3dd773" />
</linearGradient>
<linearGradient
id="d"
x1="191.458"
x2="250.263"
y1="201.398"
y2="201.398"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="136.455"
x2="195.259"
y1="256.401"
y2="256.401"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="81.451"
x2="140.255"
y1="311.405"
y2="311.405"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#3dd773" />
<stop offset=".999" stop-color="#95e090" />
</linearGradient>
<linearGradient
id="g"
x1="235.235"
x2="365.97"
y1="281.14"
y2="281.14"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="180.231"
x2="310.966"
y1="336.143"
y2="336.143"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="125.228"
x2="255.962"
y1="391.147"
y2="391.147"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="150.2"
x2="150.2"
y1="502"
y2="201.6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#42d67b" />
<stop offset="1" stop-color="#a4e398" />
</linearGradient>
<path
fill="url(#c)"
d="m486.455 19.492-3.947-3.947c-20.863-20.862-55.012-20.801-75.28.64a37.8 37.8 0 0 0-2.719 3.182 35.705 35.705 0 0 1-39.502 12.479l-14.415-4.663a35.705 35.705 0 0 0-39.502 12.479 35.706 35.706 0 0 1-39.503 12.479l-14.415-4.664a35.706 35.706 0 0 0-39.503 12.479l-4.376 5.806a35.706 35.706 0 0 1-29.088 14.208l-22.418-.361a35.706 35.706 0 0 0-34.127 23.484l-2.862 7.858a35.702 35.702 0 0 1-21.985 21.564l-22.247 7.617a35.707 35.707 0 0 0-24.14 33.667l-.03 9.253a35.707 35.707 0 0 1-12.247 26.804L25.752 225.89a35.704 35.704 0 0 0-9.649 40.288 55.477 55.477 0 0 0 33.6 31.758l10.94 3.716a35.71 35.71 0 0 1 22.346 22.384l15.263 45.19a55.017 55.017 0 0 0 34.524 34.525l45.191 15.262a35.708 35.708 0 0 1 22.384 22.346l3.716 10.94a55.479 55.479 0 0 0 31.758 33.601 35.707 35.707 0 0 0 40.288-9.649l16.034-18.398a35.712 35.712 0 0 1 26.804-12.247l9.254-.029a35.705 35.705 0 0 0 33.666-24.14l7.617-22.247a35.71 35.71 0 0 1 21.564-21.985l7.858-2.861a35.707 35.707 0 0 0 23.485-34.127l-.362-22.418a35.706 35.706 0 0 1 14.208-29.088l5.806-4.376a35.705 35.705 0 0 0 12.479-39.502l-4.663-14.415a35.704 35.704 0 0 1 12.479-39.502 35.706 35.706 0 0 0 12.479-39.503l-4.664-14.415a35.705 35.705 0 0 1 12.479-39.502 37.987 37.987 0 0 0 3.182-2.719c21.438-20.273 21.499-54.423.637-75.285z"
/>
<path
fill="url(#d)"
d="M247.941 266.765c.184-.776 4.481-19.302.902-45.167-3.008-21.732-12.323-52.852-39.061-82.13-4.104-4.494-11.152-4.6-15.368-.211l-.042.044c-3.871 4.029-3.868 10.342-.095 14.464 18.466 20.177 29.734 43.638 33.543 69.851 3.22 22.158-.376 38.14-.413 38.299l10.23 2.4z"
/>
<path
fill="url(#e)"
d="M192.938 321.769c.184-.776 4.481-19.302.902-45.167-3.008-21.732-12.323-52.852-39.061-82.13-4.104-4.494-11.152-4.6-15.368-.211l-.042.044c-3.871 4.029-3.868 10.342-.095 14.464 18.466 20.177 29.734 43.638 33.543 69.851 3.22 22.158-.376 38.14-.413 38.299l10.23 2.4z"
/>
<path
fill="url(#f)"
d="M137.934 376.772c.184-.776 4.481-19.302.902-45.167-3.008-21.732-12.323-52.852-39.061-82.13-4.104-4.494-11.152-4.6-15.368-.211l-.042.044c-3.871 4.029-3.868 10.342-.095 14.464 18.466 20.177 29.734 43.638 33.543 69.851 3.22 22.158-.376 38.14-.413 38.299l10.23 2.4z"
/>
<path
fill="url(#g)"
d="M362.532 292.217c-29.278-26.738-60.398-36.053-82.13-39.061-25.865-3.579-44.391.718-45.167.902l2.452 10.304 2.399 10.23c.159-.037 16.141-3.633 38.299-.413 26.212 3.809 49.674 15.076 69.851 33.542 4.122 3.772 10.434 3.775 14.464-.096l.043-.042c4.389-4.213 4.283-11.262-.211-15.366z"
/>
<path
fill="#00a563"
d="M256.093 291.294c-6.007-6.007-15.597-6.462-22.146-1.051L111.476 390.524a55.031 55.031 0 0 0 21.301 13.224l28.213 9.528c27.333-32.509 59.739-64.127 94.971-98.549 6.563-6.411 6.62-16.945.132-23.433z"
/>
<path
fill="url(#h)"
d="M307.529 347.221c-29.278-26.738-60.399-36.053-82.13-39.061-25.865-3.579-44.391.718-45.167.902l2.452 10.304 2.399 10.23c.159-.037 16.141-3.633 38.299-.413 26.212 3.809 49.674 15.077 69.851 33.543 4.122 3.772 10.435 3.775 14.464-.096l.043-.042c4.388-4.215 4.282-11.263-.211-15.367z"
/>
<path
fill="url(#i)"
d="M252.525 402.225c-29.278-26.738-60.398-36.053-82.13-39.061-25.865-3.579-44.391.718-45.167.902l2.452 10.304 2.4 10.23c.159-.036 16.141-3.633 38.298-.413 26.212 3.809 49.674 15.077 69.851 33.542 4.122 3.772 10.434 3.776 14.463-.095l.044-.042c4.388-4.215 4.282-11.264-.211-15.367z"
/>
<path
fill="#04ba6d"
d="M183.884 387.413a1059.188 1059.188 0 0 1 16.09-16.998 149.607 149.607 0 0 0-29.58-7.252 149.521 149.521 0 0 0-23.817-1.381l-18.329 15.008 1.832 7.809c.159-.036 16.141-3.633 38.299-.413 5.283.77 10.449 1.856 15.505 3.227zM225.398 308.16a150.626 150.626 0 0 0-11.91-1.166l-27.344 22.39c3.908-.73 18.316-2.95 37.237-.2 5.014.729 9.925 1.735 14.733 3.007 5.608-5.506 11.3-11.068 17.071-16.706a149.504 149.504 0 0 0-29.787-7.325z"
/>
<path
fill="url(#j)"
d="M76.76 486.933c36.713-84.837 103.914-141.498 218.446-255.245 6.912-6.865 6.927-18.043.038-24.932s-18.067-6.874-24.932.038C156.566 321.326 99.905 388.527 15.067 425.24c-16.108 6.971-20.229 27.897-7.818 40.309l29.202 29.202c12.412 12.411 33.338 8.29 40.309-7.818z"
/>
<ellipse
cx="268.148"
cy="109.12"
fill="#ff8293"
rx="12.046"
ry="14.99"
transform="rotate(-45 268.147 109.177)"
/>
<ellipse
cx="392.88"
cy="233.852"
fill="#ff8293"
rx="12.046"
ry="14.99"
transform="rotate(-45 392.865 233.941)"
/>
<circle cx="307.337" cy="106.274" r="29.723" fill="#fff" />
<circle cx="298.846" cy="97.782" r="17.715" fill="#383842" />
<circle cx="395.726" cy="194.663" r="29.723" fill="#fff" />
<g fill="#383842">
<circle
cx="387.235"
cy="186.172"
r="17.715"
transform="rotate(-31.72 387.03 186.084)"
/>
<path
d="m351.813 160.96-10.773-10.773a6.802 6.802 0 0 0-8.067-1.167c-8.347 4.554-23.766 15.616-9.688 29.694s25.14-1.341 29.694-9.688a6.798 6.798 0 0 0-1.166-8.066z"
/>
</g>
</svg>
More icons in the same style and category