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, orange, 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="b"
x1="31.137"
x2="465.186"
y1="470.882"
y2="36.833"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#00a563" />
<stop offset="1" stop-color="#6dcfb0" />
</linearGradient>
<linearGradient
id="c"
x1="58.668"
x2="437.659"
y1="443.356"
y2="64.364"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#42d67b" />
<stop offset="1" stop-color="#a4e398" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#eed24b" />
<stop offset="1" stop-color="#f3e497" />
</linearGradient>
<linearGradient
id="d"
x1="356.676"
x2="397.841"
y1="145.343"
y2="104.179"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="230.4"
x2="271.565"
y1="271.596"
y2="230.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="104.147"
x2="145.311"
y1="397.872"
y2="356.708"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M466.446 38.112c-49-50.386-129.574-50.812-179.107-1.278-14.028 14.028-24.046 30.544-30.059 48.128-10.527 30.788-32.702 56.46-62.517 69.49-30.527 13.341-54.691 39.797-64.609 72.905-9.619 32.112-33.947 57.437-64.881 70.353-12.852 5.366-24.863 13.369-35.208 24.009-39.89 41.026-39.887 107.063.008 148.085 41.396 42.566 109.467 42.925 151.313 1.078 10.017-10.016 17.614-21.535 22.793-33.83 13.138-31.19 38.818-55.483 71.177-65.398 32.041-9.817 57.974-33.101 71.493-62.793 13.626-29.925 38.599-53.449 69.752-63.967 17.549-5.925 34.049-15.832 48.091-29.724 48.839-48.313 49.647-127.81 1.754-177.058z"
/>
<path
fill="url(#c)"
d="M438.536 65.254c-.29-.299-.586-.599-.88-.892-27.318-27.319-68.46-32.586-101.116-15.814l-10.099 25.396-22.813 4.186a85.656 85.656 0 0 0-9.512 19.426c-13.795 40.348-42.712 73.175-79.709 90.715l-13.843 17.989-20.493 7.563a76.84 76.84 0 0 0-12.624 24.705c-11.656 38.91-39.135 71.17-76.239 90.042l-12.537 16.7-20.694 3.588c-25.146 25.862-25.144 67.943.005 93.803.226.232.684.694.685.694 12.713 12.713 29.615 19.714 47.594 19.714 17.646.001 34.247-6.759 46.878-19.031l6.667-23.073 13.689-10.131c18.988-36.903 51.387-64.433 90.457-76.404a76.76 76.76 0 0 0 24.264-12.541l7.542-20.436 17.989-13.843-.004.257c18.721-37.737 51.399-66.69 90.406-79.861a85.638 85.638 0 0 0 19.753-9.621l-.014.003 4.187-22.813 25.359-10.084c16.528-32.264 11.639-72.95-14.898-100.237z"
/>
<path
fill="url(#d)"
d="M433.936 160.555c-10.162-.77-18.095-8.707-18.866-18.866a59.439 59.439 0 0 0-17.229-37.511 59.436 59.436 0 0 0-37.51-17.229c-10.161-.771-18.096-8.705-18.867-18.866a59.388 59.388 0 0 0-4.923-19.535 86.507 86.507 0 0 0-21.673 15.814 87.414 87.414 0 0 0-11.238 13.769 59.438 59.438 0 0 0 16.244 30.409 59.439 59.439 0 0 0 37.511 17.229c10.159.771 18.094 8.703 18.866 18.866a59.436 59.436 0 0 0 17.229 37.51 59.427 59.427 0 0 0 30.415 16.244 87.38 87.38 0 0 0 13.42-10.898 86.171 86.171 0 0 0 16.132-22.025 59.433 59.433 0 0 0-19.511-4.911z"
/>
<path
fill="url(#e)"
d="M307.671 286.82c-10.162-.77-18.095-8.707-18.866-18.866a59.439 59.439 0 0 0-17.229-37.511 59.436 59.436 0 0 0-37.51-17.229c-10.161-.771-18.096-8.705-18.867-18.866a59.159 59.159 0 0 0-.791-6.076 146.824 146.824 0 0 1-4.054 1.853 76.918 76.918 0 0 0-30.282 23.699 59.418 59.418 0 0 0 13.537 20.981 59.439 59.439 0 0 0 37.511 17.229c10.16.771 18.094 8.704 18.866 18.866a59.433 59.433 0 0 0 17.229 37.51 59.414 59.414 0 0 0 20.942 13.522 77.042 77.042 0 0 0 23.263-29.207 164.26 164.26 0 0 1 2.44-5.093 59.338 59.338 0 0 0-6.189-.812z"
/>
<path
fill="#04ba6d"
d="M210.824 347.898c-7.121-7.12-18.616-7.279-25.933-.361-14.934 14.119-27.574 30.92-37.36 49.939a190.465 190.465 0 0 0-6.139 13.131c-1.857 4.409-4.543 8.415-7.985 11.903-.226.212-.422.398-.615.586-7.151 6.948-16.573 10.774-26.53 10.775-5.917 0-11.629-1.34-16.789-3.876-6.98-3.431-15.377-1.981-20.877 3.519a18.247 18.247 0 0 0-5.302 14.051c12.055 10.035 27.089 15.504 42.968 15.504 17.646.001 34.247-6.759 46.878-19.031l6.667-23.073 13.689-10.131c10.501-20.41 25.111-37.945 42.677-51.574a18.583 18.583 0 0 0-5.349-11.362z"
/>
<path
fill="url(#f)"
d="M162.54 394.219a59.439 59.439 0 0 0-17.229-37.511 59.436 59.436 0 0 0-37.511-17.229c-7.289-.553-13.417-4.804-16.591-10.908a160.417 160.417 0 0 1-10.935 5.064c-8.373 3.496-15.875 8.618-22.297 15.223l-.006.007a59.378 59.378 0 0 0 9.373 12.204 59.436 59.436 0 0 0 37.511 17.229c10.16.771 18.094 8.704 18.866 18.866a59.431 59.431 0 0 0 17.229 37.51 59.385 59.385 0 0 0 12.188 9.363c.238-.231.484-.45.719-.685 6.217-6.218 11.077-13.422 14.444-21.415a159.944 159.944 0 0 1 5.193-11.104c-6.129-3.167-10.399-9.307-10.954-16.614z"
/>
<ellipse
cx="244.11"
cy="145.583"
fill="#ff8293"
rx="10.848"
ry="13.499"
transform="rotate(-45 244.103 145.64)"
/>
<ellipse
cx="356.436"
cy="257.909"
fill="#ff8293"
rx="10.848"
ry="13.499"
transform="rotate(-45 356.416 257.993)"
/>
<circle cx="279.401" cy="143.02" r="26.767" fill="#fff" />
<circle cx="358.999" cy="222.618" r="26.767" fill="#fff" />
<g fill="#383842">
<circle
cx="279.401"
cy="143.02"
r="15.953"
transform="rotate(-45 279.396 143.082)"
/>
<circle
cx="358.999"
cy="222.618"
r="15.953"
transform="rotate(-45 358.986 222.7)"
/>
</g>
<path
fill="#383842"
d="M312.9 208.467c-10.802-.409-18.939-8.545-19.348-19.348a5 5 0 0 1 4.808-5.185 4.997 4.997 0 0 1 5.185 4.807c.212 5.609 4.123 9.521 9.732 9.732a5 5 0 0 1-.377 9.994z"
/>
<path
fill="#e9be31"
d="M162.54 394.219a59.343 59.343 0 0 0-3.535-16.119 189.824 189.824 0 0 0-11.475 19.377 190.465 190.465 0 0 0-6.139 13.131c-1.857 4.409-4.543 8.415-7.985 11.903-.226.212-.422.398-.615.586-.176.171-.36.332-.539.499a59.383 59.383 0 0 0 8.698 11.08 59.385 59.385 0 0 0 12.188 9.363c.238-.231.484-.45.719-.685 6.217-6.218 11.077-13.422 14.444-21.415a159.944 159.944 0 0 1 5.193-11.104c-6.129-3.169-10.399-9.309-10.954-16.616z"
/>
</svg>
More icons in the same style and category