Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as christmas, drink, coffee, hot drink, xmas, 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"
>
<path fill="#fff" d="M-356-860h524V336h-524z" />
<path fill="#fff096" d="M26 11h22a3 3 0 0 1 3 3v3H23v-3a3 3 0 0 1 3-3z" />
<path
fill="#ffe269"
d="M51 17v-3a2.973 2.973 0 0 0-.27-1.23 2.973 2.973 0 0 0-1.23-.27h-22a3 3 0 0 0-3 3V17z"
/>
<path fill="#fff096" d="M29 7h16a3 3 0 0 1 3 3v1H26v-1a3 3 0 0 1 3-3z" />
<path
fill="#ffe269"
d="M30.5 8.5a3 3 0 0 0-2.95 2.5H48v-1a2.973 2.973 0 0 0-.27-1.23 2.973 2.973 0 0 0-1.23-.27z"
/>
<path fill="#fff096" d="M32 2h10a3 3 0 0 1 3 3v2H29V5a3 3 0 0 1 3-3z" />
<path
fill="#ffe269"
d="M45 7V5a2.973 2.973 0 0 0-.27-1.23 2.973 2.973 0 0 0-1.23-.27h-10a3 3 0 0 0-3 3V7z"
/>
<path
fill="#a15b3b"
d="M27 58h20v2a2 2 0 0 1-2 2H29a2 2 0 0 1-2-2v-2zM52 24v3h4a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3h-7v3h7a6 6 0 0 0 6-6V30a6 6 0 0 0-6-6z"
/>
<path
fill="#eda16c"
d="M52 19H22v17.763a30 30 0 0 0 .332 4.45l2.285 15.232A3 3 0 0 0 27.584 59h18.832a3 3 0 0 0 2.967-2.555l2.285-15.232a30 30 0 0 0 .332-4.45z"
/>
<path fill="#d17f54" d="M52 21v-2H22v2h29.95z" />
<path
fill="#d17f54"
d="m49.383 56.445 2.285-15.232a30 30 0 0 0 .332-4.45V19H24v17.763a30 30 0 0 0 .332 4.45l2.285 15.232A3 3 0 0 0 29.584 59h16.832a3 3 0 0 0 2.967-2.555z"
/>
<path fill="#a15b3b" d="M52 21v-2H24v2h27.95z" />
<path
fill="#f0faff"
d="M54 16.947a2.048 2.048 0 0 0-3.185-1.7 4.074 4.074 0 0 1-2.486.753c-2.835 0-2.835-2-5.671-2s-2.833 2-5.667 2-2.831-2-5.662-2-2.833 2-5.665 2a4.068 4.068 0 0 1-2.478-.755A2.049 2.049 0 0 0 20 16.95 2.05 2.05 0 0 0 22.05 19h29.9A2.05 2.05 0 0 0 54 16.95z"
/>
<g fill="#e1e8f3">
<path
d="M50.815 16.742a4.074 4.074 0 0 1-2.486.758c-2.835 0-2.835-2-5.671-2s-2.833 2-5.667 2-2.831-2-5.662-2-2.833 2-5.665 2a4.068 4.068 0 0 1-2.478-.755 2.04 2.04 0 0 0-3.035.969A2.047 2.047 0 0 0 22.05 19h29.9a2.049 2.049 0 0 0 1.9-1.287 2.039 2.039 0 0 0-3.035-.971z"
/>
<path
d="M31 18v6.5a1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5V18M39 18v11a2 2 0 0 1-2 2 2 2 0 0 1-2-2V18"
/>
</g>
<path
fill="#f0faff"
d="M16.11 52h-2.292a2 2 0 0 0-1.857 1.257l-.5 1.243.5 1.243A2 2 0 0 0 13.818 57h2.292a2 2 0 0 0 1.857-1.257l.5-1.243-.5-1.243A2 2 0 0 0 16.11 52zM47.121 5.258l1.621 1.621a2 2 0 0 1 .424 2.2l-.527 1.23-1.231.527a2 2 0 0 1-2.2-.424l-1.62-1.62a2 2 0 0 1-.424-2.2l.527-1.231 1.23-.527a2 2 0 0 1 2.2.424z"
/>
<path
fill="#e1e8f3"
d="m4.206 56.258-1.62 1.621a2 2 0 0 0-.424 2.2l.527 1.23 1.23.527a2 2 0 0 0 2.2-.424l1.621-1.62a2 2 0 0 0 .424-2.2l-.527-1.231-1.231-.527a2 2 0 0 0-2.2.424zM19.61 57h-2.292a2 2 0 0 0-1.857 1.257l-.5 1.243.5 1.243A2 2 0 0 0 17.318 62h2.292a2 2 0 0 0 1.857-1.257l.5-1.243-.5-1.243A2 2 0 0 0 19.61 57z"
/>
<path
fill="#d2d6e6"
d="M12.61 57h-2.292a2 2 0 0 0-1.857 1.257l-.5 1.243.5 1.243A2 2 0 0 0 10.318 62h2.292a2 2 0 0 0 1.857-1.257l.5-1.243-.5-1.243A2 2 0 0 0 12.61 57z"
/>
</svg>
More icons in the same style and category