Add icons to this collection by clicking the heart icon.
Coconut Drink icon - also known as drink, beverage, party, straw, summertime, holidays, cocktail, leisure, coconut drink, food and restaurant, and coconut water. Created in a clean flat gradient style with a 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 64 64"
>
<linearGradient
id="b"
x1="15.293"
x2="47.445"
y1="20.283"
y2="52.435"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a2e62e" />
<stop offset=".258" stop-color="#8cd732" />
<stop offset=".644" stop-color="#53b23d" />
<stop offset="1" stop-color="#057449" />
</linearGradient>
<linearGradient
id="c"
x1="21.455"
x2="41.285"
y1="13.996"
y2="33.826"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1f5c4" />
<stop offset="1" stop-color="#ede574" />
</linearGradient>
<linearGradient
id="d"
x1="24.964"
x2="37.776"
y1="17.503"
y2="30.315"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<linearGradient
id="a"
x1="13.016"
x2="28.204"
y1="7.349"
y2="22.537"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d91843" />
</linearGradient>
<linearGradient
id="e"
x1="38.664"
x2="44.984"
y1="14.376"
y2="20.696"
href="#a"
/>
<linearGradient
id="f"
x1="36.665"
x2="52.066"
y1="4.27"
y2="19.67"
href="#a"
/>
<path
fill="url(#b)"
d="M31.37 19.161c4.927 0 15.674.481 19.09 4.14 2.53 2.69 4.05 6.67 4.05 12.5a23.14 23.14 0 0 1-46.28 0c0-5.83 1.52-9.81 4.05-12.5 3.416-3.66 14.216-4.14 19.09-4.14z"
/>
<path
fill="#f7ebd0"
d="M50.62 23.881v.03c0 2.62-8.62 4.75-19.25 4.75s-19.25-2.13-19.25-4.75a1.237 1.237 0 0 1 .16-.61 3.386 3.386 0 0 1 1.34-1.23l.01-.01c2.93-1.7 9.77-2.9 17.74-2.9 10.58 0 19.193 2.118 19.25 4.72z"
/>
<path
fill="url(#c)"
d="M50.62 23.881v.03a1.81 1.81 0 0 1-.82 1.37c-.1.08-.2.16-.32.24-2.67 1.83-9.77 3.14-18.11 3.14-10.63 0-19.25-2.13-19.25-4.75a1.237 1.237 0 0 1 .16-.61 3.386 3.386 0 0 1 1.34-1.23l.01-.01c2.93-1.7 9.77-2.9 17.74-2.9a67.037 67.037 0 0 1 10.88.83c.01 0 .01 0 .02.01.21.03.42.07.62.11 1.996.372 6.646 1.395 7.57 3.19l.01.01a1.345 1.345 0 0 1 .15.57z"
/>
<path
fill="url(#d)"
d="M44.05 23.911c0 .49-1.35.93-3.54 1.26-.66.1-1.39.19-2.19.26-1.99.19-4.39.3-6.95.3-2.22 0-4.31-.08-6.13-.23-.76-.06-1.47-.13-2.12-.21-2.71-.33-4.43-.83-4.43-1.38 0-.51 1.43-.96 3.74-1.29q.914-.135 2.01-.24c1.99-.18 4.37-.29 6.93-.29a74.122 74.122 0 0 1 7.91.39c.74.09 1.42.19 2.01.29 1.73.31 2.76.7 2.76 1.14z"
/>
<path
fill="url(#a)"
d="M25.24 25.501c-.76-.06-1.47-.13-2.12-.21l-.69-2.67-3.84-15-8.09 5.03a.995.995 0 1 1-1.05-1.69l9.25-5.75a.993.993 0 0 1 1.49.6l4.25 16.57z"
/>
<path
fill="url(#e)"
d="m45.32 10.411-1.44 4.42-2.59 7.94-.78 2.4c-.66.1-1.39.19-2.19.26l.96-2.95 2.71-8.3 1.43-4.39a1 1 0 0 1 1.9.62z"
/>
<path
fill="#f05454"
d="m55.458 14.825-8.773-8.308a.99.99 0 0 0-.783-.27L33.874 7.393a1 1 0 0 0-.231 1.94c.245.086 20.867 7.218 21.127 7.218a1 1 0 0 0 .688-1.726z"
/>
<path
fill="url(#f)"
d="m55.458 14.825-8.773-8.308a.99.99 0 0 0-.783-.27L33.874 7.393a1 1 0 0 0-.231 1.94c.245.086 20.867 7.218 21.127 7.218a1 1 0 0 0 .688-1.726z"
/>
</svg>
More icons in the same style and category