Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as beverage, hot drink, mug, cocoa, marshmallow, food and restaurant, and hot chocolate. Created in a clean flat 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 64 64"
>
<path
fill="#88898d"
d="M51.839 41.543A9 9 0 0 0 58 33h-7v-4h6.957A4.043 4.043 0 0 1 62 33.043a12.96 12.96 0 0 1-11.268 12.848z"
/>
<path
fill="#e5e5e5"
d="M22.936 58A18.936 18.936 0 0 1 4 39.064V28.936A3.936 3.936 0 0 1 7.936 25h40.128A3.936 3.936 0 0 1 52 28.936v10.128A18.936 18.936 0 0 1 33.064 58z"
/>
<path
fill="#f7f7f4"
d="M52 39.064V28.936A3.936 3.936 0 0 0 48.064 25H15.936A3.936 3.936 0 0 0 12 28.936v10.128A18.936 18.936 0 0 0 30.936 58h2.128A18.936 18.936 0 0 0 52 39.064zM32.911 25 36 19.1a2.034 2.034 0 0 1 2.726-.855l7.18 3.684a1.99 1.99 0 0 1 .863 2.7l-.194.37z"
/>
<g fill="#e5e5e5">
<path
d="m33.08 24.677-.28-2.847a2.016 2.016 0 0 0-2.209-1.8l-8.05.779a2.011 2.011 0 0 0-.341.062V25h10.88zM24.293 15.707l-2.265-2.265a3.457 3.457 0 0 1 0-4.884l1.53-1.53a1.455 1.455 0 0 0 0-2.056l-2.265-2.265 1.414-1.414 2.265 2.265a3.457 3.457 0 0 1 0 4.884l-1.53 1.53a1.455 1.455 0 0 0 0 2.056l2.265 2.265z"
/>
<path
d="m29.293 15.707-2.265-2.265a3.455 3.455 0 0 1 0-4.884l1.53-1.53a1.455 1.455 0 0 0 0-2.056l-2.265-2.265 1.414-1.414 2.265 2.265a3.457 3.457 0 0 1 0 4.884l-1.53 1.53a1.455 1.455 0 0 0 0 2.055l2.265 2.266z"
/>
<path
d="m34.293 15.707-2.265-2.265a3.455 3.455 0 0 1 0-4.884l1.53-1.53a1.455 1.455 0 0 0 0-2.056l-2.265-2.265 1.414-1.414 2.265 2.265a3.457 3.457 0 0 1 0 4.884l-1.53 1.53a1.455 1.455 0 0 0 0 2.055l2.265 2.266z"
/>
<rect width="52" height="4" x="2" y="58" rx="2" />
</g>
<path
fill="#4e301c"
d="M48.064 25H7.936A3.936 3.936 0 0 0 4 28.936V32l5.221 6.381a4.414 4.414 0 0 0 7.089-.347l3.411-5.116a2.022 2.022 0 0 1 3.013-.4l.266.232a9.1 9.1 0 0 0 12.032-.05l1.322-1.2a1.823 1.823 0 0 1 2.791.41l2.648 4.412a5.555 5.555 0 0 0 9.733-.373L52 35v-6.064A3.936 3.936 0 0 0 48.064 25z"
/>
<path
fill="#96653b"
d="M48.064 25H7.936A3.936 3.936 0 0 0 4 28.936V29l5.221 6.381a4.414 4.414 0 0 0 7.089-.347l3.411-5.116a2.022 2.022 0 0 1 3.013-.4l.266.232a9.1 9.1 0 0 0 12.032-.05l1.322-1.2a1.823 1.823 0 0 1 2.791.41l2.648 4.412a5.555 5.555 0 0 0 9.733-.373L52 32v-3.064A3.936 3.936 0 0 0 48.064 25z"
opacity=".5"
/>
<path
fill="#f7f7f4"
d="m10.569 25-.545-3.461a2 2 0 0 1 1.687-2.284l7.989-1.231a2.019 2.019 0 0 1 2.309 1.669L22.848 25z"
/>
</svg>
More icons in the same style and category