Add icons to this collection by clicking the heart icon.
Coconut Milk icon - also known as tropical, coconut drink, food and restaurant, and coconut milk. 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 502 502"
>
<linearGradient
id="a"
x1="102.884"
x2="102.884"
y1="216.639"
y2="3.469"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdc277" />
<stop offset="1" stop-color="#fdd5a4" />
</linearGradient>
<linearGradient
id="b"
x1="361.633"
x2="361.633"
y1="199.799"
y2="51.127"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fde57f" />
</linearGradient>
<linearGradient
id="c"
x1="347.998"
x2="502"
y1="172.278"
y2="172.278"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd869c" />
<stop offset="1" stop-color="#fdb0bf" />
</linearGradient>
<linearGradient
id="d"
x1="101.268"
x2="101.268"
y1="151.522"
y2="36.937"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7496e" />
<stop offset="1" stop-color="#fd869c" />
</linearGradient>
<linearGradient
id="e"
x1="249.138"
x2="249.138"
y1="317.454"
y2="173.195"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe7b4" />
<stop offset="1" stop-color="#fff5e3" />
</linearGradient>
<linearGradient
id="f"
x1="249.138"
x2="249.138"
y1="498.531"
y2="263.604"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#76bf56" />
<stop offset="1" stop-color="#b8e2a5" />
</linearGradient>
<path
fill="url(#a)"
d="M98.109 19.458C94.777 7.764 82.596.986 70.903 4.318 59.209 7.65 52.431 19.83 55.762 31.524l52.745 185.115 42.346-12.066z"
/>
<path
fill="url(#b)"
d="m425.5 71.629-3.943-11.265c-2.515-7.187-10.381-10.974-17.568-8.459l-46.168 16.158c-23.895 8.363-41.622 28.067-47.421 52.709l-12.883 54.742c-2.5 10.62 4.083 21.256 14.703 23.755 10.635 2.503 21.26-4.1 23.755-14.704l12.884-54.742c2.692-11.439 10.921-20.586 22.013-24.468l46.168-16.158c7.188-2.515 10.975-10.381 8.46-17.568z"
/>
<path
fill="url(#c)"
d="m501.975 137.535-.717-11.913c-.458-7.601-6.99-13.392-14.591-12.934l-48.825 2.94c-25.27 1.522-47.703 15.637-60.009 37.76l-27.339 49.145c-5.304 9.534-1.875 21.563 7.659 26.867 9.547 5.311 21.572 1.86 26.867-7.66l27.34-49.145c5.712-10.269 16.126-16.822 27.857-17.528l48.825-2.94c7.6-.459 13.39-6.991 12.933-14.592z"
/>
<path
fill="#fdc516"
d="M312.221 199.269c10.635 2.503 21.26-4.1 23.755-14.704l8.771-37.27c-12.165-1.291-25.417-2.265-39.897-2.938l-7.333 31.156c-2.499 10.621 4.084 21.256 14.704 23.756z"
/>
<path
fill="#fd748d"
d="M358.152 229.4c9.547 5.311 21.572 1.86 26.867-7.66l27.34-49.145a34.332 34.332 0 0 1 6.874-8.687c-11.553-4.766-24.976-8.634-40.728-11.687-.225.388-.455.773-.673 1.167l-27.339 49.145c-5.304 9.534-1.875 21.563 7.659 26.867z"
/>
<path
fill="url(#d)"
d="m192.778 71.877-67.24-29.4a66.14 66.14 0 0 0-80.954 23.066L2.939 125.968c-8.662 12.568 3.183 29.074 17.863 24.891l169.916-48.414c14.679-4.183 16.046-24.453 2.06-30.568z"
/>
<path
fill="#fdaa48"
d="m108.507 216.639 42.346-12.066-15.662-54.968c-16.491 2.434-30.705 5.599-43.062 9.553z"
/>
<path
fill="url(#e)"
d="M41.108 266.952c5.215-65.893 35.47-93.757 208.03-93.757s202.815 27.864 208.03 93.757l-36.182 50.502H79.789z"
/>
<path
fill="url(#f)"
d="M458.235 306.225c0 94.251-70.575 192.305-209.097 192.305S40.041 400.477 40.041 306.225c0-14.362.128-27.43 1.067-39.273a73.037 73.037 0 0 1 16.456 7.517c11.744 7.24 25.03 10.855 38.315 10.855s26.57-3.615 38.315-10.855c11.744-7.24 25.03-10.865 38.315-10.865s26.571 3.625 38.315 10.865 25.03 10.855 38.315 10.855 26.571-3.615 38.315-10.855 25.03-10.865 38.315-10.865 26.57 3.625 38.315 10.865c11.744 7.24 25.03 10.855 38.315 10.855s26.571-3.615 38.315-10.855a73.037 73.037 0 0 1 16.456-7.517c.937 11.844 1.065 24.911 1.065 39.273z"
/>
<path
fill="#fff"
d="M215.277 362.403c-1.025-15.671-14.074-28.186-29.774-28.588-17.293-.443-31.451 13.443-31.451 30.636 0 .873.037 1.736.108 2.59.436 5.184 6.06 8.272 10.709 5.937a37.675 37.675 0 0 1 3.049-1.343l-.022-.011 16.801-12.719 16.801 12.719-.021.011c1.048.415 2.074.853 3.044 1.341 4.701 2.36 10.308-.829 10.725-6.073.118-1.473.13-2.975.031-4.5zM344.158 362.403c-1.025-15.671-14.074-28.186-29.774-28.588-17.293-.443-31.451 13.443-31.451 30.636 0 .873.037 1.736.109 2.59.436 5.184 6.06 8.272 10.708 5.937a37.544 37.544 0 0 1 3.05-1.343l-.021-.011 16.801-12.719 16.801 12.719-.021.011c1.048.415 2.073.853 3.044 1.341 4.702 2.36 10.308-.829 10.725-6.073.116-1.473.128-2.975.029-4.5z"
/>
<ellipse cx="158.202" cy="395.096" fill="#f85f7e" rx="15.455" ry="12.42" />
<ellipse cx="340.075" cy="395.096" fill="#f85f7e" rx="15.455" ry="12.42" />
<g fill="#383842">
<path
d="M249.138 405.636c-6.671 0-13.341-2.23-18.908-6.689-5.162-4.136-5.995-11.674-1.859-16.836 4.136-5.163 11.674-5.994 16.836-1.859a6.252 6.252 0 0 0 7.862 0c5.161-4.136 12.699-3.304 16.836 1.859 4.136 5.163 3.303 12.7-1.859 16.836-5.566 4.46-12.237 6.689-18.908 6.689zM184.698 368.554c6.131 0 11.872 1.12 16.801 3.07a18.175 18.175 0 0 0 1.464-7.174c0-10.088-8.178-18.265-18.265-18.265s-18.265 8.178-18.265 18.265a18.2 18.2 0 0 0 1.464 7.174c4.929-1.95 10.67-3.07 16.801-3.07zM313.579 368.554c6.131 0 11.872 1.12 16.801 3.07a18.175 18.175 0 0 0 1.464-7.174c0-10.088-8.178-18.265-18.265-18.265-10.088 0-18.265 8.178-18.265 18.265a18.2 18.2 0 0 0 1.464 7.174c4.929-1.95 10.67-3.07 16.801-3.07z"
/>
</g>
</svg>
More icons in the same style and category