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 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"
>
<g>
<path fill="#c67a60" d="M38 31h4l7-30h-4z" />
<g fill="#b26049">
<path
d="m48.32 3.9-.54 2.3-3.24-3.24L45 1h.42zM47.38 7.96l-.54 2.3-3.24-3.24.53-2.31zM46.43 12.01l-.54 2.3-3.24-3.24.54-2.3z"
/>
</g>
<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"
/>
<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" />
</g>
</g>
</svg>
More icons in the same style and category