Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as cup, drink, coffee, hot drink, mug, chocolate, cocoa, food and restaurant, and hot chocolate. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-482c0-34.242 27.759-62 62-62h358C-27.759-62 0-34.242 0 0z"
transform="translate(497 77)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-50v-180c0-44.183 35.817-80 80-80h140c44.183 0 80 35.817 80 80V0H110"
transform="translate(156 337)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h10c0-22.091 17.908-40 40-40h50c16.568 0 30-13.432 30-30 0-16.568-13.432-30-30-30H0c-27.614 0-50 22.386-50 50S-27.614 0 0 0z"
transform="translate(216 497)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30v150h50c16.568 0 30-13.432 30-30V50C50 22.386 27.614 0 0 0Z"
transform="translate(436 167)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c0-16.568 13.432-30 30-30 11.046 0 20-8.954 20-20v-68.303c0-16.244 12.164-30.805 28.387-31.655C95.688-150.863 110-137.103 110-120v70c0 11.046 8.954 20 20 20h100c16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30H30C13.432 30 0 16.568 0 0Z"
transform="translate(126 367)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category