Add icons to this collection by clicking the heart icon.
Chocolate icon - also known as cup, drink, beverage, hot drink, mug, chocolate, cream, food and restaurant, and hot chocolate. Created in a clean lineal 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="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 0-158.167-273.953a3.603 3.603 0 0 0-4.923-1.319l-25.558 14.755a3.604 3.604 0 0 0-1.319 4.923L-31.8 18.359a3.605 3.605 0 0 0 4.924 1.32L-1.319 4.923A3.605 3.605 0 0 0 0 0"
transform="translate(437.222 484.338)"
fill="#b79090"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.866c-8.473 0-15.341 6.868-15.341 15.341v61.988h-44.734V15.341C-70.941 6.868-77.81 0-86.282 0h-10.866c-22.334 0-40.438-18.105-40.438-40.438v-15.743a3.16 3.16 0 0 1 3.161-3.161H37.277a3.16 3.16 0 0 1 3.161 3.161v15.743C40.438-18.105 22.333 0 0 0"
transform="translate(334.207 66.842)"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.866c-8.473 0-15.341 6.868-15.341 15.341v61.988h-22V3.341C-48.207-5.132-41.339-12-32.866-12H-22C.333-12 18.438-30.105 18.438-52.438v-3.743a3.16 3.16 0 0 0-3.161-3.161h22a3.16 3.16 0 0 1 3.161 3.161v15.743C40.438-18.105 22.333 0 0 0"
transform="translate(334.207 66.842)"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-223.679c-5.865 0-10.619-4.755-10.619-10.621v-135.255c0-67.633 54.826-122.458 122.459-122.458 67.632 0 122.459 54.825 122.459 122.458v135.255C10.62-4.755 5.866 0 0 0"
transform="translate(397.472 380.772)"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.865 0 10.621-4.755 10.621-10.621v-135.254c0-62.553-46.904-114.146-107.46-121.543 4.916-.601 9.921-.916 15-.916 67.632 0 122.459 54.825 122.459 122.458v135.255C10.62-4.755 5.865 0 0 0"
transform="translate(397.472 380.772)"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.972 21.096-18.379 37.902-39.715 37.902-2.001 0-3.966-.15-5.886-.438-2.878-.431-5.545 1.509-6.101 4.366-4.868 25-26.874 43.872-53.297 43.872-25.091 0-46.195-17.019-52.428-40.14a5.425 5.425 0 0 0-5.86-3.973c-1.98.22-3.993.332-6.032.332-25.731 0-47.267-17.899-52.876-41.921z"
transform="translate(397.425 380.772)"
fill="#ebe1dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45.146c0-33.81-13.706-64.426-35.87-86.59-22.153-22.164-52.768-35.868-86.589-35.868-67.632 0-122.459 54.827-122.459 122.458v59.358c23.768 11.613 53.024 12.232 78.484 8.272C-115.049 14.488-52.823-15.12 0 0"
transform="translate(408.091 280.041)"
fill="#b79090"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c22.164 22.164 35.87 52.78 35.87 86.59v45.146c-9.722-2.783-19.766-4.047-29.999-4.213V86.592c0-62.554-46.904-114.147-107.46-121.544a123.58 123.58 0 0 1 15-.916C-52.767-35.868-22.153-22.165 0 0"
transform="translate(372.221 148.306)"
fill="#aa7f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 108.31-62.533a8.848 8.848 0 0 1 12.086 3.239l98.223 170.127a8.848 8.848 0 0 1-3.239 12.086l-108.309 62.533a8.849 8.849 0 0 1-12.087-3.239L-3.239 12.086A8.848 8.848 0 0 1 0 0"
transform="translate(26.966 71.22)"
fill="#aa7f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.995 11.544c4.188-2.419 5.603-7.81 3.16-12.042l-98.223-170.127c-2.443-4.231-7.819-5.701-12.009-3.283l19.996-11.544a8.848 8.848 0 0 1 12.087 3.238L3.239-12.087A8.849 8.849 0 0 1 0 0"
transform="translate(242.346 194.14)"
fill="#9d6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 47.36 82.04c1 1.72.41 3.93-1.32 4.92l-25.55 14.76c-1.73.99-3.93.4-4.93-1.32l-48.52-84.05"
transform="translate(389.86 402.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h31.35c27.63 0 50.02-22.39 50.02-50.01v-52c0-42.44-34.4-76.85-76.84-76.85h-32.36"
transform="translate(408.09 336.03)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-32.3c0-8.47 6.87-15.34 15.34-15.34h10.87c22.33 0 40.43-18.1 40.43-40.44v-15.74a3.16 3.16 0 0 0-3.16-3.16h-171.7c-1.74 0-3.16 1.42-3.16 3.16v15.74c0 22.34 18.1 40.44 40.44 40.44h10.86c8.48 0 15.35 6.87 15.35 15.34V0"
transform="translate(308 114.48)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.972 21.096-18.378 37.902-39.715 37.902-2 0-3.965-.15-5.886-.438-2.878-.431-5.545 1.509-6.101 4.366-4.868 25-26.873 43.872-53.297 43.872-25.091 0-46.194-17.019-52.428-40.141a5.424 5.424 0 0 0-5.859-3.972 54.891 54.891 0 0 1-6.033.332c-25.731 0-47.267-17.899-52.875-41.921"
transform="translate(397.424 380.772)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v21.42c0 5.87 4.76 10.62 10.62 10.62H234.3c5.87 0 10.62-4.75 10.62-10.62v-135.25c0-67.64-54.83-122.46-122.46-122.46-25.26 0-48.74 7.65-68.25 20.76"
transform="translate(163.17 348.73)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v73.88"
transform="translate(163.17 239.85)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c23.768 11.613 53.024 12.232 78.484 8.272C129.869.276 192.095-29.332 244.918-14.212"
transform="translate(163.173 294.253)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 76.56 132.604c2.442 4.232.993 9.644-3.239 12.087l-108.31 62.533a8.849 8.849 0 0 1-12.087-3.239l-98.222-170.127a8.848 8.848 0 0 1 3.238-12.087l108.31-62.532a8.848 8.848 0 0 1 12.086 3.239l4.119 7.133"
transform="translate(169.025 49.448)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-107.071-185.452"
transform="translate(188.191 225.405)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-123.635 71.381"
transform="translate(214.318 127.897)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 123.635-71.381"
transform="translate(54.993 137.46)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category