Add icons to this collection by clicking the heart icon.
Banana icon - also known as fruit, vegetarian, healthy food, organic, diet, vegan, banana, and food and restaurant. Created in a clean gradient style, 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 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#fff9e2" />
        <stop offset=".514" stop-color="#fffacd" />
        <stop offset=".976" stop-color="#fff6ab" />
    </linearGradient>
    <radialGradient
        id="b"
        cx="53.404"
        cy="215.224"
        r="171.599"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="c"
        cx="1.127"
        cy="161.521"
        r="63.062"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e0f6df" />
        <stop offset=".514" stop-color="#ddf7c5" />
        <stop offset=".56" stop-color="#daf7c0" />
        <stop offset=".976" stop-color="#c4f19b" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="108.386"
        cy="95.669"
        r="108.69"
        gradientTransform="matrix(0 1 -.717 0 177.014 -12.717)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7be700" />
        <stop offset=".512" stop-color="#72d800" />
        <stop offset=".808" stop-color="#26b847" />
        <stop offset=".976" stop-color="#00a96a" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="421.246"
        cy="249.917"
        r="103.146"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="f"
        cx="323.015"
        cy="162.189"
        r="292.652"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff044" />
        <stop offset=".512" stop-color="#ffea00" />
        <stop offset=".686" stop-color="#fbd113" />
        <stop offset=".976" stop-color="#f6ab31" />
    </radialGradient>
    <radialGradient
        id="g"
        cx="351.858"
        cy="376.747"
        r="211.86"
        gradientTransform="matrix(.931 0 0 .114 -74.264 356.948)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff8be" />
        <stop offset=".512" stop-color="#fffbe5" />
        <stop offset=".976" stop-color="#fff" />
    </radialGradient>
    <path
        fill="url(#b)"
        d="M39.676 165.549c-16.552 0-31.04 11.117-35.324 27.105-11.866 44.284.884 91.763 33.945 123.526 53.815 51.701 126.911 83.481 207.43 83.481h38.761c-80.519 0-222.603-234.112-206.051-234.112z"
    />
    <path
        fill="url(#c)"
        d="M52.032 176.819c3.47-18.52 22.164-29.637 20.084-48.387-.44-3.99-27.904-41.693-24.214-41.693H9.14c-3.69 0-5.95 4.03-4.03 7.18l2.58 4.22a54.642 54.642 0 0 1 7.69 22.47c2.08 18.75 1.36 37.69-2.11 56.21z"
    />
    <path
        fill="url(#d)"
        d="M93.932 184.739H50.376l.391-1.76a190.52 190.52 0 0 0 3.372-62.373 54.676 54.676 0 0 0-7.686-22.468l-2.581-4.223c-1.921-3.143.341-7.176 4.024-7.176h35.146z"
    />
    <path
        fill="url(#e)"
        d="M320 329.939c31.62 0 61.871-5.86 89.726-16.553 23.684-9.091 76.208-58.412 76.208-58.412h-48.241c-25.369 0-50.506 4.71-74.19 13.801-27.856 10.693-58.107 16.553-89.726 16.553z"
    />
    <path
        fill="url(#f)"
        d="M485.934 254.974h-10.307c-25.369 0-50.506 4.71-74.19 13.801-27.856 10.693-58.107 16.553-89.726 16.553-83.975 0-158.297-41.33-203.734-104.758-6.703-9.357-17.408-15.021-28.918-15.021h-.621c-16.552 0-31.04 11.117-35.324 27.105-11.866 44.284.884 91.763 33.945 123.526 53.815 51.701 126.911 83.481 207.43 83.481 52.47 0 101.788-13.495 144.672-37.204 33.003-18.246 60.473-45.06 80.232-77.18L512 281.04z"
    />
    <path
        fill="url(#g)"
        d="M256.75 425.261c113.107 0 204.798-11.462 204.798-25.6H50.452c0 14.139 93.19 25.6 206.298 25.6z"
    />
</svg>
More icons in the same style and category