Add icons to this collection by clicking the heart icon.
Coconut icon - also known as vegetarian, healthy food, organic, honey, diet, flavor, vegan, coconut, 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="c"
x1="29.26"
x2="66.5"
y1="17.62"
y2="82.13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf8c" />
<stop offset=".31" stop-color="#ffcf89" />
<stop offset=".53" stop-color="#ffce80" />
<stop offset=".72" stop-color="#ffcc70" />
<stop offset=".9" stop-color="#ffc95a" />
<stop offset="1" stop-color="#ffc74a" />
</linearGradient>
<linearGradient
id="a"
x1="12.97"
x2="35.01"
y1="53.03"
y2="75.07"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb871" />
<stop offset=".42" stop-color="#ffbb71" />
<stop offset=".73" stop-color="#ffc473" />
<stop offset="1" stop-color="#ffd475" />
</linearGradient>
<linearGradient
id="d"
x1="36.87"
x2="59.01"
y1="10.84"
y2="32.99"
href="#a"
/>
<linearGradient
id="b"
x1="60.96"
x2="82.96"
y1="25.04"
y2="47.04"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdf97" />
<stop offset=".37" stop-color="#ffdc94" />
<stop offset=".64" stop-color="#ffd38b" />
<stop offset=".88" stop-color="#ffc37c" />
<stop offset="1" stop-color="#ffb871" />
</linearGradient>
<linearGradient
id="e"
x1="36.96"
x2="58.88"
y1="67.04"
y2="88.96"
href="#b"
/>
<linearGradient id="f" x1="61" x2="82.92" y1="53" y2="74.92" href="#a" />
<linearGradient id="g" x1="13.08" x2="35" y1="25.08" y2="47" href="#b" />
<linearGradient
id="h"
x1="57.36"
x2="117.08"
y1="88.95"
y2="88.95"
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="i"
x1="118"
x2="70.56"
y1="81.92"
y2="81.92"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4e8de" />
<stop offset="1" stop-color="#f2efed" />
</linearGradient>
<linearGradient
id="j"
x1="81.05"
x2="107.61"
y1="81.42"
y2="81.42"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#afad95" />
<stop offset="1" stop-color="#d4c8c7" />
</linearGradient>
<path
fill="url(#c)"
d="m18.15 49.88-7.45 12.9 7.45 12.91H33l7.45 12.9h14.87l7.45-12.9h14.85l7.45-12.91-7.45-12.9L85.07 37l-7.45-12.9H62.77l-7.45-12.9H40.43L33 24.08H18.72a1 1 0 0 0-.86.5L10.7 37z"
/>
<path
fill="url(#a)"
d="m40 64-8-14H16L8 63.54a1 1 0 0 0 0 1l7.53 13a1 1 0 0 0 .87.5H32z"
/>
<path
fill="url(#d)"
d="M64 22 56.27 8.27a1 1 0 0 0-.88-.51h-15a1 1 0 0 0-.88.53L32 22l8 14h16z"
/>
<path
fill="url(#b)"
d="m80 50 7.72-13.5a1 1 0 0 0 0-1l-7.43-13a1 1 0 0 0-.87-.5H64l-8 14 8 14z"
/>
<path
fill="url(#e)"
d="M56 64H40l-8 14 7.38 13.48a1 1 0 0 0 .87.52h15.17a1 1 0 0 0 .87-.5L64 78z"
/>
<path
fill="url(#f)"
d="M80 50H64l-8 14 8 14h15.42a1 1 0 0 0 .87-.5l7.43-13a1 1 0 0 0 0-1z"
/>
<path
fill="url(#g)"
d="M16 50 8.28 36.5a1 1 0 0 1 0-1l7.43-13a1 1 0 0 1 .87-.5H32l8 14-8 14z"
/>
<path
fill="url(#h)"
d="M77.35 59.07c-11.68 4.4-20 18.14-20 28.9 0 20.19 10.62 30.86 30.86 30.86 11.25 0 24.44-8.27 28.86-19.9z"
/>
<path
fill="url(#i)"
d="M117.08 98.93c2.8-6.06-.74-16.65-11.2-27.1l1.48-2.7a1 1 0 0 0-.18-1.21c-10.39-10-24-11.32-29.83-8.85-8.41 4.84-11.17 20.58 4.53 35.52a56 56 0 0 0 7.36 6.12l5.9.05a1 1 0 0 1 .94.66l1 2.82c6.54 2.76 14.45 2.47 20-5.31z"
/>
<path
fill="url(#j)"
d="M82.33 68.88c-3.2 3.19-.2 11.38 6.7 18.28a35.65 35.65 0 0 0 5.82 4.73l2.5-.35a1 1 0 0 1 1.06.61l.85 2c3.44 1.33 6.81 1.65 8-.32 1.57-2.51-3.31-8.65-9.11-15.16-.49-.55-.55-5.75-1.13-6.23C93 69 85.52 65.68 82.33 68.88z"
/>
</svg>
More icons in the same style and category