Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as ice, cup, drink, mug, chocolate, cocoa, and food and restaurant. Created in a clean outline color 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"
>
<g>
<path fill="#c67a60" d="M38 31h4l7-30h-4z" />
<path
fill="#d6e4e8"
d="m40 9-4.7 1.344a3.166 3.166 0 0 0-2.3 3.044v.446A3.167 3.167 0 0 0 36.166 17H43v-5a3 3 0 0 0-3-3z"
/>
<path
fill="#baced3"
d="M39.166 15A3.167 3.167 0 0 1 36 11.834v-.446a3.155 3.155 0 0 1 .3-1.332l-1.007.288A3.166 3.166 0 0 0 33 13.388v.446A3.167 3.167 0 0 0 36.166 17H43v-2z"
/>
<path
fill="#d6e4e8"
d="m40.687 13.616-6.969 1A3.165 3.165 0 0 0 31 17.746v.088A3.167 3.167 0 0 0 34.166 21H45v-3.643a3.779 3.779 0 0 0-4.313-3.741z"
/>
<path
fill="#baced3"
d="M37.166 19A3.167 3.167 0 0 1 34 15.834v-.088a3.159 3.159 0 0 1 .247-1.21l-.529.076A3.165 3.165 0 0 0 31 17.746v.088A3.167 3.167 0 0 0 34.166 21H45v-2z"
/>
<path
fill="#d6e4e8"
d="m42.558 17.494-10 1.111A4 4 0 0 0 29 22.58V23h18v-1.531a4 4 0 0 0-4.442-3.975z"
/>
<path
fill="#baced3"
d="m32.52 18.628.01-.017A4 4 0 0 0 29 22.58V23h18v-1.531L46.531 21h-12.49a1.657 1.657 0 0 1-1.521-2.372z"
/>
<path
fill="#c67a60"
d="M47 63H29a2 2 0 0 1-2-2V23h22v38a2 2 0 0 1-2 2z"
/>
<path
fill="#b26049"
d="M30 61V23h-3v38a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2z"
/>
<path
fill="#b26049"
d="M27 29.765a1.972 1.972 0 0 0 1.743.138l1.213-.486a2 2 0 0 1 1.943.257l.516.387A5.75 5.75 0 0 0 38 30.8a1.458 1.458 0 0 1 2 1.354v4.739a2.075 2.075 0 0 0 1.664 2.08A2 2 0 0 0 44 37v-5.446a1.458 1.458 0 0 1 2-1.354 1.458 1.458 0 0 0 2-1.354V25H27zM34.606 42.213A2.192 2.192 0 0 0 32.644 41h-.063a2.194 2.194 0 0 1-2.081-1.5 2.194 2.194 0 0 0-2.081-1.5H27v23a1.987 1.987 0 0 0 .277 1H33a2 2 0 0 0 2-2V43.518a2.181 2.181 0 0 0-.232-.981z"
/>
<path
fill="#d6e4e8"
d="M47 63H29a2 2 0 0 1-2-2v-2h22v2a2 2 0 0 1-2 2z"
/>
<path
fill="#baced3"
d="M35 61v-2h-8v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2z"
/>
<path
fill="#d6e4e8"
d="M49 23H27v3.046a2 2 0 0 0 2.743 1.854l1.213-.486a2 2 0 0 1 1.943.257l.516.387A5.75 5.75 0 0 0 39 28.8a1.458 1.458 0 0 1 2 1.354v4.739a2.075 2.075 0 0 0 1.664 2.08A2 2 0 0 0 45 35v-5.446a1.458 1.458 0 0 1 2-1.354 1.458 1.458 0 0 0 2-1.354z"
/>
<path
fill="#baced3"
d="M44.664 34.973A2.075 2.075 0 0 1 43 32.893v-4.739a1.458 1.458 0 0 0-2-1.354 5.75 5.75 0 0 1-5.585-.739l-.516-.387a2 2 0 0 0-1.943-.257l-1.213.486A2 2 0 0 1 29 24.046V23h-2v3.046a2 2 0 0 0 2.743 1.854l1.213-.486a2 2 0 0 1 1.943.257l.516.387A5.75 5.75 0 0 0 39 28.8a1.458 1.458 0 0 1 2 1.354v4.739a2.075 2.075 0 0 0 1.664 2.08A2 2 0 0 0 45 35v-.01a2.12 2.12 0 0 1-.336-.017z"
/>
<path
fill="#c67a60"
d="M28.5 40.5a2.194 2.194 0 0 0-2.081-1.5H17a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V44.518a2.181 2.181 0 0 0-.232-.981l-.162-.324A2.192 2.192 0 0 0 30.644 42h-.063a2.194 2.194 0 0 1-2.081-1.5z"
/>
<g fill="#b26049">
<path
d="M20 60a2 2 0 0 1-2-2V39h-1a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-1z"
/>
<path
d="M18 42h4v4h-4zM18 49h4v4h-4zM18 56h4v4h-4zM26 42h4v4h-4zM26 49h4v4h-4zM26 56h4v4h-4z"
/>
</g>
<path
d="M49 22h-1v-.531a5.006 5.006 0 0 0-1.665-3.725c-.057-.051-.125-.084-.184-.133l3.823-16.383A1 1 0 0 0 49 0h-4a1 1 0 0 0-.974.772l-1.84 7.886A3.971 3.971 0 0 0 40 8a1.02 1.02 0 0 0-.275.038l-4.7 1.344A4.186 4.186 0 0 0 32 13.389v.445c0 .121.011.24.021.36A4.251 4.251 0 0 0 30 17.834a4.114 4.114 0 0 0 .067.71A4.97 4.97 0 0 0 28.054 22H27a1 1 0 0 0-1 1v15h-9a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V23a1 1 0 0 0-1-1zM45.376 3.79l1.578 1.578-.411 1.761-1.578-1.578zm.632 5.632-.408 1.761-1.581-1.578.411-1.761zM44 12.414l1.062 1.062-.193.827a4.754 4.754 0 0 0-.516-.556c-.11-.1-.237-.161-.353-.245zm3.489-9.339L46.414 2h1.326zm-11.918 8.231L40.126 10A2 2 0 0 1 42 12v.668a4.757 4.757 0 0 0-1.455-.042L34 13.561v-.172a2.174 2.174 0 0 1 1.571-2.083zm-2.9 8.293 5.442-.605a1 1 0 1 0-.22-1.988l-5.443.6c-.153.017-.3.062-.443.092a2.175 2.175 0 0 1 1.856-2.1l6.969-1a2.745 2.745 0 0 1 3.044 1.968 5.005 5.005 0 0 0-1.426-.075l-.558.063a1 1 0 0 0-.883 1.105 1.01 1.01 0 0 0 1.1.883l.557-.063A3 3 0 0 1 46 21.469V22H30.056a3 3 0 0 1 2.612-2.4zM28 24h20v2.846a.448.448 0 0 1-.2.38.439.439 0 0 1-.427.045A2.459 2.459 0 0 0 44 29.554V35a1 1 0 0 1-1.175.985A1.083 1.083 0 0 1 42 34.893v-4.739a2.459 2.459 0 0 0-3.372-2.283 4.782 4.782 0 0 1-4.613-.609l-.515-.387a3.027 3.027 0 0 0-2.916-.387l-1.213.487A1 1 0 0 1 28 26.046zm1 19v2h-2v-2zm0 19H17a1 1 0 0 1-1-1V41a1 1 0 0 1 1-1h9.419a1.192 1.192 0 0 1 1.132.816c.022.064.053.122.078.184H26a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2.943a1.186 1.186 0 0 1 .712.6l.162.324a1.191 1.191 0 0 1 .126.534V61a1 1 0 0 1-1 1zm18 0H33.816A2.966 2.966 0 0 0 34 61V44.518a3.213 3.213 0 0 0-.337-1.428l-.162-.324A3.2 3.2 0 0 0 30.581 41a1.192 1.192 0 0 1-1.132-.816A3.189 3.189 0 0 0 28 38.427v-9.555a3.005 3.005 0 0 0 2.115-.04l1.213-.486a1 1 0 0 1 .971.129l.516.386a6.785 6.785 0 0 0 6.556.868.457.457 0 0 1 .629.425v4.739a3.084 3.084 0 0 0 2.5 3.067 3.152 3.152 0 0 0 .5.04 3 3 0 0 0 3-3v-5.446a.458.458 0 0 1 .629-.425 2.431 2.431 0 0 0 1.371.117V58H37a1 1 0 0 0 0 2h11v1a1 1 0 0 1-1 1z"
/>
<circle cx="33" cy="33" r="1" />
<circle cx="37" cy="38" r="1" />
<circle cx="36" cy="44" r="1" />
<circle cx="45" cy="42" r="1" />
<path
d="M22 41h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2zM22 48h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2zM22 55h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2zM26 54h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM31 56a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1zm-2 3h-2v-2h2z"
/>
</g>
</svg>
More icons in the same style and category