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="b"
        x1="264.74"
        x2="264.74"
        y1="484.569"
        y2="68.885"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#42d67b" />
        <stop offset="1" stop-color="#a4e398" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="294.155"
        x2="294.155"
        y1="451.675"
        y2="14.515"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".001" stop-color="#95e090" />
        <stop offset="1" stop-color="#3dd773" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#6dcfb0" />
        <stop offset=".999" stop-color="#00a563" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="296.438"
        x2="392.94"
        y1="312.834"
        y2="216.332"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="231.454"
        x2="330.438"
        y1="386.224"
        y2="287.24"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="161.157"
        x2="259.895"
        y1="454.303"
        y2="355.565"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="193.426"
        x2="289.928"
        y1="209.822"
        y2="113.32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="118.785"
        x2="217.769"
        y1="273.556"
        y2="174.572"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="48.782"
        x2="147.52"
        y1="341.928"
        y2="243.19"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="6.517"
        x2="339.137"
        y1="495.48"
        y2="162.86"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M450.868.848a279.64 279.64 0 0 0-23.477-.84c-5.379.031-10.167 3.692-11.262 8.958-1.341 6.447-4.736 12.551-10.193 17.263-11.404 9.845-28.571 10.031-40.169.416a31.308 31.308 0 0 1-7.692-9.404c-2.535-4.762-8.024-7.102-13.236-5.708-36.67 9.809-73.596 25.727-109.59 47.128l-5.055 11.333-11.958-.752c-20.607 13.36-40.84 28.517-60.471 45.354l-2.597 13.752-12.478-.387a619.999 619.999 0 0 0-10.274 9.637c-2.459 2.36-2.924 6.062-1.241 9.026 4.36 7.681 3.198 17.554-3.275 24.026-6.178 6.177-15.376 7.463-22.827 3.882-3.018-1.451-6.659-.485-8.735 2.141a304.852 304.852 0 0 0-6.635 8.708l-.453 14.75-11.791 3.352C25.55 287.097 38.979 368.33 86.31 415.687l173.688-156.633L485.275 16.722C476.323 7.77 464.272 1.902 450.868.848z"
    />
    <path
        fill="url(#c)"
        d="M501.149 51.129c-1.054-13.404-6.922-25.455-15.874-34.407L86.31 415.687c18.276 18.281 41.605 31.511 68.174 37.876 5.545 1.329 11.358-1.585 13.307-6.943a32.094 32.094 0 0 1 7.849-12.094c12.074-11.714 31.519-12.086 44.005-.812a32.222 32.222 0 0 1 7.807 10.672c2.324 5.149 8.127 7.73 13.557 6.169 18.776-5.4 38.077-13.94 57.507-26.004l-.006-.001 3.354-11.8 14.756-.453c12.911-9.475 25.825-20.548 38.628-33.351a627.44 627.44 0 0 0 18.792-19.621l-.004.001-.387-12.495 13.777-2.602.001.003a598.89 598.89 0 0 0 4.054-4.774c3.425-4.079 4.06-9.895 1.422-14.522-4.604-8.074-3.45-18.557 3.446-25.453 5.297-5.298 12.696-7.192 19.507-5.701 5.33 1.167 10.866-.835 13.882-5.383 1.022-1.541 2.017-3.088 3.018-4.634l-.753-11.962 11.344-5.06c42.389-71.297 63.248-146.252 57.802-215.614z"
    />
    <ellipse
        cx="312.348"
        cy="76.848"
        fill="#ff8293"
        rx="10.894"
        ry="13.556"
        transform="rotate(-45 312.36 76.91)"
    />
    <ellipse
        cx="425.149"
        cy="189.649"
        fill="#ff8293"
        rx="10.894"
        ry="13.556"
        transform="rotate(-45 425.15 189.741)"
    />
    <path
        fill="#383842"
        d="M362.212 139.785c-4.137-4.137-6.892-9.658-7.578-15.876-.637-5.767 3.522-10.958 9.289-11.595s10.958 3.523 11.595 9.289a5.482 5.482 0 0 0 4.876 4.876c5.766.636 9.925 5.827 9.289 11.595-.637 5.767-5.828 9.926-11.595 9.289-6.219-.686-11.739-3.44-15.876-7.578z"
    />
    <path
        fill="#fff"
        d="M368.024 91.969c9.084-10.356 8.752-26.211-.735-36.197-10.451-11-27.844-11.169-38.507-.506a27.13 27.13 0 0 0-1.539 1.674c-2.944 3.486-1.372 8.889 2.959 10.324.914.303 1.831.671 2.748 1.069l-.03-.03 18.309 2.531 2.531 18.309-.03-.03c.397.915.765 1.831 1.067 2.743 1.452 4.38 6.907 5.879 10.419 2.885a27.376 27.376 0 0 0 2.808-2.772z"
    />
    <path
        fill="#383842"
        d="M345.243 76.819c3.803 3.803 6.669 8.057 8.516 12.324a15.954 15.954 0 0 0 5.357-3.541c6.256-6.256 6.257-16.4 0-22.657-6.257-6.256-16.4-6.256-22.657 0a15.954 15.954 0 0 0-3.541 5.357c4.268 1.848 8.523 4.714 12.325 8.517z"
    />
    <path
        fill="#fff"
        d="M447.959 171.904c9.084-10.356 8.752-26.211-.735-36.197-10.451-11-27.844-11.169-38.507-.506a27.13 27.13 0 0 0-1.539 1.674c-2.945 3.486-1.372 8.889 2.959 10.324.914.303 1.831.671 2.748 1.069l-.03-.03 18.309 2.531 2.531 18.309-.03-.03c.397.915.765 1.831 1.067 2.743 1.452 4.38 6.907 5.879 10.419 2.885a27.479 27.479 0 0 0 2.808-2.772z"
    />
    <path
        fill="#383842"
        d="M425.178 156.753c3.803 3.803 6.669 8.057 8.516 12.324a15.954 15.954 0 0 0 5.357-3.541c6.257-6.257 6.257-16.4 0-22.657s-16.4-6.256-22.657 0a15.954 15.954 0 0 0-3.541 5.357c4.268 1.849 8.522 4.715 12.325 8.517z"
    />
    <path
        fill="url(#d)"
        d="M396.428 246.123c-31.064-10.203-78.261-19.181-132.886-7.668l-20.741 20.741a10.013 10.013 0 0 0 9.789 2.559c56.365-15.844 105.544-7.028 136.875 3.16 18.85 6.128 33.705 13.475 43.297 18.87a517.482 517.482 0 0 0 10.588-17.043c-10.379-5.898-26.402-13.879-46.922-20.619z"
    />
    <path
        fill="url(#e)"
        d="M327.24 315.311c-31.064-10.203-78.261-19.182-132.886-7.668l-20.741 20.741a10.01 10.01 0 0 0 9.789 2.559c56.365-15.844 105.544-7.028 136.875 3.159 28.57 9.288 47.983 21.38 53.757 25.223a608.08 608.08 0 0 0 13.39-15.097c-2.467-1.771-24.56-17.217-60.184-28.917z"
    />
    <path
        fill="url(#f)"
        d="M258.052 384.499c-31.064-10.203-78.261-19.182-132.886-7.668l-20.741 20.741a10.01 10.01 0 0 0 9.789 2.559c56.366-15.844 105.544-7.028 136.875 3.159 21.818 7.093 38.286 15.817 47.429 21.259a281.658 281.658 0 0 0 18.109-12.252c-6.094-4.139-27.027-17.437-58.575-27.798z"
    />
    <g fill="#00a563">
        <path
            d="m263.542 238.455-20.741 20.741a10.013 10.013 0 0 0 9.789 2.559 231.17 231.17 0 0 1 67.065-8.617l19.005-19.006c-22.471-2.063-47.87-1.42-75.118 4.323zM194.354 307.643l-20.741 20.741a10.01 10.01 0 0 0 9.789 2.559 231.17 231.17 0 0 1 67.065-8.617l19.006-19.006c-22.471-2.063-47.87-1.42-75.119 4.323zM125.166 376.831l-20.741 20.741a10.01 10.01 0 0 0 9.789 2.559 231.17 231.17 0 0 1 67.065-8.617l19.006-19.006c-22.471-2.063-47.87-1.42-75.119 4.323z"
        />
    </g>
    <path
        fill="url(#g)"
        d="M263.542 238.455c11.513-54.625 2.534-101.822-7.668-132.886-6.74-20.52-14.721-36.543-20.619-46.922a517.327 517.327 0 0 0-17.051 10.593c15.132 26.988 45.718 95.925 22.039 180.167a10.013 10.013 0 0 0 12.348 12.348 237.284 237.284 0 0 1 6.248-1.654l1.161-1.047 22.106-23.78a250.94 250.94 0 0 0-18.564 3.181z"
    />
    <path
        fill="url(#h)"
        d="M194.354 307.643c11.513-54.625 2.535-101.823-7.668-132.886-11.701-35.624-27.146-57.717-28.917-60.185a611.912 611.912 0 0 0-15.096 13.39c8.397 12.622 56.414 90.907 28.382 190.633a10.012 10.012 0 0 0 2.559 9.789 9.989 9.989 0 0 0 6.309 2.883l29.124-26.264a250.928 250.928 0 0 0-14.693 2.64z"
    />
    <path
        fill="url(#i)"
        d="M125.166 376.831c11.514-54.625 2.535-101.823-7.668-132.886-10.36-31.543-23.655-52.475-27.796-58.572a281.516 281.516 0 0 0-12.253 18.116c13.922 23.453 49.422 95.341 24.418 184.294a10.012 10.012 0 0 0 3.561 10.664l25.166-22.695c-1.802.339-3.61.696-5.428 1.079z"
    />
    <path
        fill="#00a563"
        d="M263.542 238.455c5.743-27.249 6.386-52.647 4.323-75.119l-18.976 18.976c.397 20.746-1.961 43.31-8.647 67.095a10.013 10.013 0 0 0 12.348 12.348 237.284 237.284 0 0 1 6.248-1.654l1.161-1.047 22.106-23.78a251.005 251.005 0 0 0-18.563 3.181zM198.677 232.524l-18.981 18.981c.397 20.745-1.956 43.306-8.642 67.09a10.01 10.01 0 0 0 2.559 9.789 9.994 9.994 0 0 0 6.309 2.883l29.123-26.264c-4.832.722-9.73 1.594-14.692 2.64 5.744-27.249 6.387-52.648 4.324-75.119zM125.166 376.831c5.743-27.249 6.386-52.647 4.323-75.119l-18.977 18.977c.396 20.746-1.96 43.309-8.646 67.094a10.012 10.012 0 0 0 3.561 10.664l25.166-22.695c-1.801.339-3.609.696-5.427 1.079z"
    />
    <path
        fill="url(#j)"
        d="M339.137 162.86c-8.689-8.689-22.776-8.689-31.465 0L6.517 464.015c-8.689 8.689-8.689 22.776 0 31.465 8.688 8.689 22.776 8.689 31.464 0l301.156-301.156c8.688-8.688 8.688-22.775 0-31.464z"
    />
</svg>
More icons in the same style and category