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 flat style with a white, silver, purple, 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 0c24.76 39.406 39.094 86.026 39.094 136 0 141.385-114.615 256-256 256s-256-114.615-256-256c0-49.974 14.334-96.594 39.093-136z"
transform="translate(472.906 120)"
fill="#63364f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v46.978h-89.003c-38.917 0-70.466-31.549-70.466-70.467v-93.955c0-38.918 31.549-70.467 70.466-70.467H0v46.978h-89.003c-12.972 0-23.489 10.516-23.489 23.489v93.955C-112.492-10.516-101.975 0-89.003 0z"
transform="translate(202.034 346.633)"
fill="#efe4e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.973 0 23.489 10.516 23.489 23.489v-46.978c0-12.973 10.516-23.489 23.489-23.489h89.003v-46.977H46.978c-38.918 0-70.467 31.548-70.467 70.466v46.978C-23.489 10.516-12.973 0 0 0"
transform="translate(66.054 252.678)"
fill="#e2d9dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-220c-20.804 0-38.134 15.947-39.862 36.678l-25.245 302.935c-.57 6.848 4.833 12.72 11.704 12.72H53.403c6.871 0 12.274-5.872 11.703-12.72L39.862 36.678C38.134 15.947 20.804 0 0 0"
transform="translate(404.287 100)"
fill="#f4edf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.351 76.207H-56.92c-6.871 0-12.274-5.872-11.704-12.719l25.245-302.935c1.727-20.732 19.058-36.679 39.862-36.679h219.999c20.804 0 38.135 15.947 39.863 36.679l.276 3.321C122.693-236.126 11.122-133.466 0 0"
transform="translate(187.805 376.126)"
fill="#efe4e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c46.656-49.261 112.668-80 185.873-80 73.204 0 139.217 30.739 185.872 80L185.873 20Z"
transform="translate(70.127 80)"
fill="#8fe5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h233.228a257.702 257.702 0 0 1 21.243 20L68.598 40l-185.872-20C-94.661-3.877-67.49-23.384-37.166-37.166-37.166-16.64-20.526 0 0 0"
transform="translate(187.402 60)"
fill="#64d3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h371.784a257.028 257.028 0 0 1 31.014 40H-31.014A257.028 257.028 0 0 1 0 0"
transform="translate(70.108 80)"
fill="#aef0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20 8.954-20 20h-100a257.089 257.089 0 0 1 31.014-40h371.784A256.535 256.535 0 0 1 299.87 0z"
transform="translate(159.094 100)"
fill="#8fe5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category