Add icons to this collection by clicking the heart icon.
Hot Chocolate icon - also known as food, hot drink, coffee cup, mug, chocolate, tea cup, food and restaurant, and hot chocolate. 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 id="Color">
<path
d="m8 17h30a2 2 0 0 1 2 2v29a8 8 0 0 1 -8 8h-18a8 8 0 0 1 -8-8v-29a2 2 0 0 1 2-2z"
fill="#e8e4dc"
/>
<path
d="m11 17v15a2 2 0 0 0 4 0v-7a2 2 0 0 1 4 0v2a2 2 0 0 0 4 0v-10z"
fill="#8c4604"
/>
<path d="m40 22v4a4 4 0 0 1 0 8v4a8 8 0 0 0 0-16z" fill="#bbb1a7" />
<path
d="m4 56h38a1 1 0 0 1 1 1 4 4 0 0 1 -4 4h-32a4 4 0 0 1 -4-4 1 1 0 0 1 1-1z"
fill="#bbb1a7"
/>
<path d="m34 40a4 4 0 0 0 -4 4v12h2a8 8 0 0 0 8-8v-8z" fill="#bbb1a7" />
<path
d="m42 56h-12v3a3.959 3.959 0 0 0 .556 2h8.444a4 4 0 0 0 4-4 1 1 0 0 0 -1-1z"
fill="#80786a"
/>
<rect fill="#8c4604" height="19" rx="2" width="29" x="32" y="42" />
<g fill="#cf721b">
<path d="m37 45.5h8v4h-8z" />
<path d="m49 45.5h8v4h-8z" />
<path d="m37 53.5h8v4h-8z" />
<path d="m49 53.5h8v4h-8z" />
</g>
</g>
<g id="Outline" fill="#1e120b">
<circle cx="36" cy="31" r="1" />
<path d="m36 28a1 1 0 0 0 1-1v-6a1 1 0 0 0 -2 0v6a1 1 0 0 0 1 1z" />
<path
d="m59 41h-18v-2.059a9 9 0 0 0 0-17.882v-2.059a3 3 0 0 0 -3-3h-30a3 3 0 0 0 -3 3v29a8.983 8.983 0 0 0 3.356 7h-4.356a2 2 0 0 0 -2 2 5.006 5.006 0 0 0 5 5h52a3 3 0 0 0 3-3v-15a3 3 0 0 0 -3-3zm-18-13.816a2.982 2.982 0 0 1 0 5.632zm0 7.716a5 5 0 0 0 0-9.8v-2.02a6.991 6.991 0 0 1 0 13.84zm-29-16.9h10v9a1 1 0 0 1 -2 0v-2a3 3 0 0 0 -6 0v7a1 1 0 0 1 -2 0zm-5 42a3 3 0 0 1 -3-3h27v2a2.966 2.966 0 0 0 .184 1zm24-16v11h-17a7.008 7.008 0 0 1 -7-7v-29a1 1 0 0 1 1-1h2v14a3 3 0 0 0 6 0v-7a1 1 0 0 1 2 0v2a3 3 0 0 0 6 0v-9h14a1 1 0 0 1 1 1v22h-5a3 3 0 0 0 -3 3zm29 15a1 1 0 0 1 -1 1h-25a1 1 0 0 1 -1-1v-15a1 1 0 0 1 1-1h25a1 1 0 0 1 1 1z"
/>
<path
d="m45 44.5h-8a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-1 4h-6v-2h6z"
/>
<path
d="m57 44.5h-8a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-1 4h-6v-2h6z"
/>
<path
d="m45 52.5h-8a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-1 4h-6v-2h6z"
/>
<path
d="m57 52.5h-8a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-1 4h-6v-2h6z"
/>
<path
d="m30.944 13.766a1 1 0 0 0 1.409-.123c.791-.912 1.693-1.5 1.735-3.357a3.972 3.972 0 0 0 -1.366-2.959 2.025 2.025 0 0 1 -.81-1.574 2.025 2.025 0 0 1 .81-1.574c.169-.177.338-.354.494-.544a1 1 0 1 0 -1.545-1.27c-.124.151-.259.29-.393.429a3.974 3.974 0 0 0 -1.366 2.959 3.972 3.972 0 0 0 1.366 2.959 2.025 2.025 0 0 1 .81 1.574c.04.935-.714 1.4-1.267 2.071a1 1 0 0 0 .123 1.409z"
/>
<path
d="m21.944 13.766a1 1 0 0 0 1.409-.123c.791-.912 1.693-1.5 1.735-3.357a3.972 3.972 0 0 0 -1.366-2.959 2.025 2.025 0 0 1 -.81-1.574 2.025 2.025 0 0 1 .81-1.574c.169-.177.338-.354.494-.544a1 1 0 1 0 -1.545-1.27c-.124.151-.259.29-.393.429a3.974 3.974 0 0 0 -1.366 2.959 3.972 3.972 0 0 0 1.366 2.959 2.025 2.025 0 0 1 .81 1.574c.04.935-.714 1.4-1.267 2.071a1 1 0 0 0 .123 1.409z"
/>
<path
d="m12.944 13.766a1 1 0 0 0 1.409-.123c.791-.912 1.693-1.5 1.735-3.357a3.972 3.972 0 0 0 -1.366-2.959 2.025 2.025 0 0 1 -.81-1.574 2.025 2.025 0 0 1 .81-1.574c.169-.177.338-.354.494-.544a1 1 0 1 0 -1.545-1.27c-.124.151-.259.29-.393.429a3.974 3.974 0 0 0 -1.366 2.959 3.972 3.972 0 0 0 1.366 2.959 2.025 2.025 0 0 1 .81 1.574c.04.935-.714 1.4-1.267 2.071a1 1 0 0 0 .123 1.409z"
/>
</g>
</svg>
More icons in the same style and category