Add icons to this collection by clicking the heart icon.
Hot Chocolate icon - also known as cup, beverage, hot drink, mug, food and restaurant, and hot chocolate. Created in a clean flat style with a white, silver, gray, 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 0h-228.697c-45.516 0-82.415 36.897-82.415 82.414v204.309c0 11.379 9.225 20.603 20.604 20.603H61.811c11.379 0 20.604-9.224 20.604-20.603V82.414C82.415 36.897 45.516 0 0 0"
transform="translate(429.585 42.935)"
fill="#cde9fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.419-7.481-5.096-17.544-14.56-23.008-4.057-2.343-8.699-3.53-13.797-3.53-14.259 0-34.289 9.774-46.896 31.611-8.038 13.921-11.148 29.811-8.534 43.595 1.419 7.479 5.098 17.543 14.561 23.007 4.057 2.343 8.699 3.53 13.797 3.53 14.258 0 34.289-9.775 46.896-31.611C-.495 29.673 2.615 13.782 0 0m44.997 74.5c-32.164 55.709-97.14 78.411-145.128 50.705-47.988-27.706-60.816-95.328-28.652-151.037 32.164-55.71 97.14-78.412 145.128-50.706C64.333-48.832 77.161 18.79 44.997 74.5"
transform="translate(146.506 145.72)"
fill="#a2ddfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-32.164 55.709-97.14 78.411-145.128 50.705-12.337-7.123-22.344-16.889-29.866-28.407 19.022-5.888 37.169-17.225 52.13-33.205 2.141 3.108 4.945 5.948 8.641 8.082 4.057 2.343 8.699 3.53 13.797 3.53 14.258 0 34.289-9.775 46.896-31.611 8.038-13.921 11.148-29.812 8.533-43.594-1.419-7.481-5.096-17.544-14.56-23.008-4.057-2.343-8.699-3.53-13.797-3.53-4.139 0-8.765.83-13.553 2.532.294-21.839-5.384-42.678-16.492-59.687 25.183-7.794 51.891-6.04 74.747 7.155C19.336-123.332 32.164-55.71 0 0"
transform="translate(191.503 220.22)"
fill="#7acefa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-164.829c-17.068 0-30.905 13.837-30.905 30.905 0 17.069 13.837 30.906 30.905 30.906H0c17.069 0 30.905-13.837 30.905-30.906C30.905 13.837 17.069 0 0 0"
transform="translate(397.651)"
fill="#a2ddfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.068 13.837 30.905 30.905 30.905h-81.629c-17.068 0-30.905-13.837-30.905-30.905s13.837-30.905 30.905-30.905h81.629C13.837-30.905 0-17.068 0 0"
transform="translate(283.546 30.905)"
fill="#7acefa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h228.697c20.407 0 39.068 7.433 53.462 19.719C106.91 28.047 23.315 186.36 23.315 307.326h-85.126c-11.379 0-20.604-9.224-20.604-20.603V82.414C-82.415 36.898-45.516 0 0 0"
transform="translate(200.888 42.935)"
fill="#a2ddfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.25 0-6.547.771-9.621 2.397-10.057 5.324-13.894 17.792-8.571 27.849a20.986 20.986 0 0 1 0 19.65 62.165 62.165 0 0 0 .001 58.208c5.322 10.058 17.792 13.897 27.848 8.572 10.057-5.323 13.895-17.791 8.572-27.848a20.993 20.993 0 0 1 0-19.655 62.154 62.154 0 0 0 0-58.204C14.531 3.984 7.387 0 0 0"
transform="translate(158.3 392.926)"
fill="#fbf1cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.25 0-6.547.771-9.621 2.397-10.057 5.324-13.894 17.792-8.571 27.849a20.986 20.986 0 0 1 0 19.65 62.165 62.165 0 0 0 .001 58.208c5.322 10.058 17.792 13.897 27.848 8.572 10.057-5.323 13.895-17.791 8.572-27.848a20.993 20.993 0 0 1 0-19.655 62.154 62.154 0 0 0 0-58.204C14.531 3.984 7.387 0 0 0"
transform="translate(472.137 392.926)"
fill="#fbf1cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.25 0-6.547.771-9.621 2.397-10.057 5.324-13.894 17.792-8.571 27.849a20.986 20.986 0 0 1 0 19.65 62.165 62.165 0 0 0 .001 58.208c5.322 10.058 17.792 13.897 27.848 8.572 10.057-5.323 13.895-17.791 8.572-27.848a20.993 20.993 0 0 1 0-19.655 62.154 62.154 0 0 0 0-58.204C14.531 3.984 7.387 0 0 0"
transform="translate(315.218 392.926)"
fill="#fbf1cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c17.068 0 30.905 13.837 30.905 30.905 0 17.07 13.837 30.907 30.906 30.907 17.068 0 30.905-13.837 30.905-30.907v-41.207c0-17.068 13.837-30.905 30.906-30.905 17.068 0 30.905 13.837 30.905 30.905v133.924H-30.906V30.905C-30.906 13.837-17.069 0 0 0"
transform="translate(295.662 226.64)"
fill="#e0b799"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.315-13.554-24.109-30.274-24.109-16.721 0-30.275 10.794-30.275 24.109 0 13.314 13.554 24.109 30.275 24.109C-13.554 24.109 0 13.314 0 0"
transform="translate(263.463 114.83)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.315 13.554-24.109 30.274-24.109S60.548-13.315 60.548 0c0 13.314-13.554 24.109-30.274 24.109S0 13.314 0 0"
transform="translate(367.011 114.83)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.085-10.928 16.503-24.409 16.503-13.48 0-24.408-1.418-24.408-16.503 0-15.084 10.928-27.312 24.408-27.312C-10.928-27.312 0-15.084 0 0"
transform="translate(339.646 133.353)"
fill="#565e75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.362"
transform="translate(238.25 155.976)"
fill="none"
stroke="#565e75"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.362"
transform="translate(392.225 155.976)"
fill="none"
stroke="#565e75"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.068 0 30.905 13.837 30.905 30.905 0 17.07 13.837 30.907 30.906 30.907-17.069 0-30.906 13.835-30.906 30.905v30.905h-61.811V30.905C-30.906 13.837-17.069 0 0 0"
transform="translate(295.662 226.64)"
fill="#da9b85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category