Add icons to this collection by clicking the heart icon.
Coconut icon - also known as fruit, vegetarian, healthy food, organic, diet, vegan, coconut, banana, and food and restaurant. Created in a clean flat 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 128 128"
>
    <linearGradient
        id="a"
        x1="9.56"
        x2="83.7"
        y1="36.08"
        y2="78.89"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cdb38d" />
        <stop offset=".58" stop-color="#a8744d" />
        <stop offset=".7" stop-color="#a27051" />
        <stop offset=".86" stop-color="#91675c" />
        <stop offset="1" stop-color="#7d5b69" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="30.14"
        x2="92.49"
        y1="39.74"
        y2="39.74"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e4e8de" />
        <stop offset="1" stop-color="#f2efed" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="39.92"
        x2="76.82"
        y1="41.67"
        y2="41.67"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#afad95" />
        <stop offset="1" stop-color="#d4c8c7" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="60.66"
        x2="109.03"
        y1="57.61"
        y2="105.97"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffe98a" />
        <stop offset=".15" stop-color="#ffe885" />
        <stop offset=".34" stop-color="#ffe476" />
        <stop offset=".54" stop-color="#ffdd5e" />
        <stop offset=".64" stop-color="#ffd94f" />
        <stop offset=".71" stop-color="#fed857" />
        <stop offset=".82" stop-color="#fbd56b" />
        <stop offset=".94" stop-color="#f6d08d" />
        <stop offset=".99" stop-color="#f4ce9b" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="39.18"
        x2="100.21"
        y1="74.92"
        y2="74.92"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".01" stop-color="#ffe263" />
        <stop offset=".16" stop-color="#f9d45b" />
        <stop offset=".34" stop-color="#f5c955" />
        <stop offset=".56" stop-color="#f4c653" />
        <stop offset="1" stop-color="#f4b773" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M35.57 9.29c-16.35 6.16-28 25.26-28 40.32 0 28.27 14.87 43.22 43.22 43.22C66.55 92.83 85 81.25 91.21 65z"
    />
    <path
        fill="url(#b)"
        d="M35.57 9.29c-9.29 9.29-6.89 30.68 9 46.56a66.65 66.65 0 0 0 10.3 8.47l6.13.59a1 1 0 0 1 .74.45l2.62 4c9.15 3.94 19.92 3.18 26.85-4.36 3.91-8.48-1-23.3-15.69-37.95L77.75 23a1 1 0 0 0-.18-1.2C63 7.6 43.83 5.81 35.57 9.29z"
    />
    <path
        fill="url(#c)"
        d="M41.67 24.62c-4.36 4.37-.27 15.54 9.16 25a47.9 47.9 0 0 0 7.94 6.47l3.7-.52a1 1 0 0 1 1.06.61l1.27 3c4.69 1.81 8.74 1.8 11-.44 4-4-4.53-11.81-12.44-20.71-.67-.75-.76-7.84-1.55-8.51-5.61-4.76-15.81-9.26-20.14-4.9z"
    />
    <path
        fill="url(#d)"
        d="M113 55.11c-1.35-.19-1.73-15.3-3.16-15.14-.39.05-7.75 1.21-8.15 1.3-1.11.26-.51 12.94-1.52 13.84-7.83 7.07-6.53 21.72-18.14 24.53-18.67 4.53-29.8-6.48-38.88-4.15-.82.21-3.77 3.11-4 4.72-.45 3.9 2.06 10.05 5.28 13.59A9.1 9.1 0 0 0 41 96.63c-1.06 1.69-2.61 3.59-.26 7.51 1.62 2.7 12.85 15.16 34.3 15.19 21.87 0 40-11.25 44-35 3.65-22.06-1.19-24.53-6.04-29.22z"
    />
    <path
        fill="url(#e)"
        d="M100.21 55.11c-8.62 6.81-3.78 30.61-15.54 36.72-14.13 7.35-30.82-2.09-40.16 2-3.22-3.54-5.73-9.69-5.28-13.59.19-1.61 3.14-4.51 4-4.72 9.08-2.33 20.21 8.68 38.88 4.15 11.57-2.84 10.27-17.49 18.1-24.56z"
    />
</svg>
More icons in the same style and category