Add icons to this collection by clicking the heart icon.
Hot Chocolate icon - also known as food, cup, coffee, hot drink, coffee cup, mug, chocolate, food and restaurant, and hot chocolate. Created in a clean flat style with a white, silver, red, maroon, magenta, and pink 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 0c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20S11.05 0 0 0m0 71c-7.15 0-13.94-1.47-20.12-4.13h-10.209l-4.732-82.518 1.391-2.642C-24.68-26.19-12.91-31 0-31c28.17 0 51 22.83 51 51S28.17 71 0 71"
transform="translate(424.5 142.5)"
fill="#f30051"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.209l-4.731-82.519 1.39-2.641A51.024 51.024 0 0 1 7.056-96.164 106.896 106.896 0 0 1 14.15-85.16a106.021 106.021 0 0 1 8.123 18.41 20.13 20.13 0 0 0-2.153-.12c-11.05 0-20 8.95-20 20s8.95 20 20 20c2.685 0 5.241-.537 7.58-1.496V3.566a51.337 51.337 0 0 1-7.58.564C12.97 4.13 6.18 2.66 0 0"
transform="translate(404.38 209.37)"
fill="#d7004e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20.92C0-28.69-6.31-35-14.08-35h-155.84c-7.77 0-14.08 6.31-14.08 14.08V0Z"
transform="translate(348.5 42.5)"
fill="#ccf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.666 7.666 0 0 0-7.666 7.666V23.5h-20.643V2.58c0-7.77 6.31-14.08 14.08-14.08h155.84c6.888 0 12.618 4.962 13.833 11.5z"
transform="translate(192.81 19)"
fill="#a7dae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-5.76C0-15.45-7.85-23.3-17.54-23.3H-234.46c-9.69 0-17.54 7.85-17.54 17.54V0c0 4.25 3.45 7.7 7.7 7.7H-7.7C-3.45 7.7 0 4.25 0 0"
transform="translate(382.5 61.8)"
fill="#afd4e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0H-216.92c-9.102 0-16.578 6.926-17.452 15.797h-7.59a7.704 7.704 0 0 1-7.701-7.7v-5.76c0-9.69 7.851-17.54 17.54-17.54H-15.203c8.948 0 16.312 6.699 17.39 15.353A17.729 17.729 0 0 0 0 0"
transform="translate(380.163 53.703)"
fill="#8cbfca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.01 0 5.45-2.44 5.45-5.46v-53.72c0-18.92-4.92-36.7-13.55-52.11C-26.38-143.93-61.3-166-101.37-166h-82.27c-59 0-106.82 47.83-106.82 106.82v53.72c0 3.02 2.44 5.46 5.45 5.46h214.58z"
transform="translate(398.93 235.5)"
fill="#ff3980"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v53.72c0 3.02 2.44 5.46 5.45 5.46h-49.58c-3.01 0-5.45-2.44-5.45-5.46V0c0-58.99 47.82-106.82 106.82-106.82h49.58C47.82-106.82 0-58.99 0 0"
transform="translate(158.05 176.32)"
fill="#f30051"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-49.22c0-7.73-6.27-14-14-14s-14 6.27-14 14v-66c0-7.73-6.27-14-14-14s-14 6.27-14 14v36c0-7.73-6.27-14-14-14s-14 6.27-14 14V0c0 7.06 5.72 12.78 12.78 12.78h58.44C-5.72 12.78 0 7.06 0 0"
transform="translate(328.5 242.72)"
fill="#913f02"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-49.22c0-7.73-6.27-14-14-14s-14 6.27-14 14v-66c0-7.73-6.27-14-14-14s-14 6.27-14 14v36c0-7.73-6.27-14-14-14s-14 6.27-14 14V0c0 7.06 5.72 12.78 12.78 12.78h58.44C-5.72 12.78 0 7.06 0 0"
transform="translate(328.5 242.72)"
fill="#913f02"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v79.22C0 86.28 5.72 92 12.78 92H-1.345c-7.06 0-12.78-5.72-12.78-12.78V0c0-7.73 6.27-14 14-14 2.579 0 4.987.71 7.062 1.927C2.792-9.642 0-5.151 0 0"
transform="translate(258.625 163.5)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v49.761c0 6.283-5.093 11.376-11.375 11.376h-2.75V.399c0-7.387 5.558-13.797 12.924-14.358a13.908 13.908 0 0 1 8.138 1.886C2.792-9.642 0-5.151 0 0"
transform="translate(286.625 127.5)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.68 2.521-6.103 6.744-6.103 11.54v17.789c0 6.282-5.093 11.375-11.376 11.375h-2.749V11.939c0-.224.021-.444.031-.666v1.266c0-7.73 6.27-14 14-14C-3.969-1.461-1.87-.926 0 0"
transform="translate(320.697 180.96)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.7 0 23-10.3 23-23S12.7-46 0-46s-23 10.3-23 23S-12.7 0 0 0"
transform="translate(290.5 409.5)"
fill="#913f02"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.016 5.194 16.818 12.75 20.588A22.882 22.882 0 0 1 2.5 23c-12.7 0-23-10.3-23-23s10.3-23 23-23c3.684 0 7.163.871 10.25 2.412C5.194-16.818 0-9.016 0 0"
transform="translate(288 386.5)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.7 0 23-10.3 23-23S12.7-46 0-46s-23 10.3-23 23S-12.7 0 0 0"
transform="translate(222.5 341.5)"
fill="#913f02"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.239 5.454 17.204 13.315 20.86A22.893 22.893 0 0 1 3.63 23c-12.7 0-23-10.3-23-23s10.3-23 23-23c3.461 0 6.741.77 9.685 2.14C5.454-17.204 0-9.239 0 0"
transform="translate(218.87 318.5)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c19.33 0 35-15.67 35-35S19.33-70 0-70s-35 15.67-35 35S-19.33 0 0 0"
transform="translate(213.5 504.5)"
fill="#913f02"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.114 9.581 27.99 23 32.888A34.932 34.932 0 0 1 11 35C-8.33 35-24 19.33-24 0s15.67-35 35-35c4.216 0 8.257.746 12 2.112C9.581-27.99 0-15.114 0 0"
transform="translate(202.5 469.5)"
fill="#7b2a00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5v32C-7.5 52.458 3.042 63 16 63s23.5-10.542 23.5-23.5a23.503 23.503 0 0 0-8.047-17.705 7.5 7.5 0 0 0-9.867 11.298A8.505 8.505 0 0 1 24.5 39.5c0 4.687-3.813 8.5-8.5 8.5-4.687 0-8.5-3.813-8.5-8.5v-32A7.5 7.5 0 0 0 0 0"
transform="translate(383.5 313)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5v49c0 4.687-3.813 8.5-8.5 8.5-4.687 0-8.5-3.813-8.5-8.5a8.505 8.505 0 0 1 2.914-6.407 7.5 7.5 0 0 0-9.867-11.298A23.503 23.503 0 0 0-39.5 56.5C-39.5 69.458-28.958 80-16 80S7.5 69.458 7.5 56.5v-49A7.5 7.5 0 0 0 0 0"
transform="translate(350.5 268)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5v79c0 4.687-3.813 8.5-8.5 8.5-4.687 0-8.5-3.813-8.5-8.5a8.505 8.505 0 0 1 2.914-6.407 7.5 7.5 0 0 0-9.867-11.298A23.503 23.503 0 0 0-39.5 86.5c0 12.958 10.542 23.5 23.5 23.5S7.5 99.458 7.5 86.5v-79A7.5 7.5 0 0 0 0 0"
transform="translate(158.5 264)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5v30a7.5 7.5 0 0 0 15 0v-30A7.5 7.5 0 0 0 0 0"
transform="translate(383.5 264)"
fill="#ffe1ba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category