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, silver, 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="a">
<stop offset="0" stop-color="#6dcfb0" />
<stop offset=".999" stop-color="#00a563" />
</linearGradient>
<linearGradient
id="b"
x1="251"
x2="251"
y1="255.871"
y2="-56.044"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="268.23"
x2="463.626"
y1="420.09"
y2="224.694"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-15.143"
x2="95.832"
y1="671.157"
y2="560.182"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a4e398" />
<stop offset=".489" stop-color="#42d67b" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="273.513"
y1="322.165"
y2="322.165"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="20.423"
x2="69.626"
y1="578.857"
y2="529.654"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a4e398" />
<stop offset="1" stop-color="#42d67b" />
</linearGradient>
<path
fill="url(#b)"
d="M303.83 16.018c-8.295-6.495-20.297-5.043-26.787 3.256-3.697 4.727-8.182 9.684-13.533 14.387-7.133 6.27-17.889 6.27-25.022 0-5.35-4.703-9.836-9.66-13.533-14.387-6.49-8.299-18.492-9.751-26.787-3.256-40.765 31.92-65.202 83.149-65.202 142.747 0 69.738 33.454 128.001 87.372 157.32 19.098 10.385 42.222 10.385 61.32 0 53.918-29.319 87.372-87.582 87.372-157.32.002-59.599-24.435-110.827-65.2-142.747z"
/>
<path
fill="#04ba6d"
d="M295.668 307.494c-15.412-44.179-48.308-82.199-94.255-106.967-21.576-11.631-44.532-19.393-67.614-22.996 5.444 61.349 37.537 111.906 86.541 138.553 19.098 10.385 42.222 10.385 61.32 0a159.618 159.618 0 0 0 14.008-8.59z"
/>
<path
fill="#a4e398"
d="M251 175.226c-7.937 0-14.372 6.435-14.372 14.372v120.439c0 7.937 6.435 14.372 14.372 14.372s14.372-6.435 14.372-14.372V189.598c0-7.938-6.435-14.372-14.372-14.372z"
/>
<path
fill="#92d684"
d="M265.372 253.157c-8.399-10.453-18.011-20.176-28.744-29.017v85.897c0 7.937 6.435 14.372 14.372 14.372s14.372-6.435 14.372-14.372z"
/>
<path
fill="url(#c)"
d="M315.771 228.695c47.196-25.441 98.195-27.958 140.874-9.303 8.684 3.796 12.658 13.92 8.857 22.602-2.165 4.945-4.176 10.614-5.616 16.858-1.92 8.326 2.671 16.843 10.681 19.815 6.008 2.229 11.848 3.665 17.17 4.575 9.342 1.597 15.616 10.482 14.013 19.823-7.876 45.908-38.012 87.128-85.207 112.569-46.675 25.161-97.059 27.899-139.455 9.923-7.767-3.293-48.672-40.957-48.601-60.514.201-55.215 32.058-106.578 87.284-136.348z"
/>
<path
fill="#009157"
d="M280.836 427.079c15.782-16.557 24.762-38.66 24.676-62.153-.136-37.525-12.091-73.063-33.692-103.269-27.821 28.668-43.194 65.097-43.334 103.385-.071 19.557 40.834 57.221 48.601 60.514 1.243.527 2.494 1.032 3.749 1.523z"
/>
<path
fill="url(#d)"
d="M393.154 305.095c-.578-8.526-8.418-14.676-16.832-13.184-17.272 3.062-46.515 10.332-76.854 27.168-19.495 10.819-41.075 26.624-59.842 49.418l20.75 19.767c14.097-17.537 31.784-32.255 53.04-44.051 26.957-14.961 53.037-21.357 67.929-23.998 7.22-1.28 12.305-7.804 11.809-15.12z"
/>
<path
fill="#04ba6d"
d="M299.302 319.172c-19.451 10.817-40.962 26.594-59.677 49.324l20.75 19.767c12.136-15.097 26.94-28.1 44.384-38.953a175.353 175.353 0 0 0-5.457-30.138z"
/>
<path
fill="url(#e)"
d="M186.229 228.695c-47.196-25.441-98.195-27.958-140.874-9.303-8.684 3.796-12.658 13.92-8.857 22.602 2.165 4.945 4.176 10.614 5.616 16.858 1.92 8.326-2.671 16.843-10.681 19.815-6.008 2.229-11.848 3.665-17.17 4.575C4.921 284.839-1.353 293.724.25 303.065c7.876 45.908 38.012 87.128 85.207 112.569 55.226 29.77 115.644 28.149 161.879-2.032a57.79 57.79 0 0 0 26.176-48.559c-.2-55.215-32.057-106.578-87.283-136.348z"
/>
<ellipse cx="169.75" cy="127.875" fill="#ff8293" rx="13.809" ry="11.097" />
<ellipse cx="332.25" cy="127.875" fill="#ff8293" rx="13.809" ry="11.097" />
<circle cx="193.424" cy="100.494" r="27.382" fill="#fff" />
<ellipse
cx="204.486"
cy="100.494"
fill="#383842"
rx="16.32"
ry="16.319"
transform="rotate(-76.7 204.546 100.515)"
/>
<circle cx="308.576" cy="100.494" r="27.382" fill="#fff" />
<circle
cx="319.581"
cy="100.494"
r="16.32"
fill="#383842"
transform="rotate(-45 319.587 100.56)"
/>
<ellipse cx="251" cy="121.25" fill="#383842" rx="12.251" ry="16.042" />
<path
fill="url(#f)"
d="M307.843 473.511c-13.549-86.418-64.095-131.559-105.311-154.432-30.338-16.836-59.581-24.106-76.854-27.168-8.415-1.492-16.254 4.658-16.832 13.184-.496 7.316 4.588 13.84 11.809 15.12 14.893 2.64 40.973 9.037 67.929 23.998 50.873 28.232 81.388 73.14 90.846 133.611 1.184 7.568 8.032 12.918 15.653 12.145 8.175-.831 14.033-8.342 12.76-16.458z"
/>
</svg>
More icons in the same style and category