Add icons to this collection by clicking the heart icon.
Chocolate icon - also known as food, coffee, hot drink, coffee cup, mug, chocolate, tea cup, food and restaurant, and hot chocolate. Created in a clean lineal color style with a gray, maroon, olive, orange, 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#bc7f35"
d="M14 28a2 2 0 0 1 2-2h34a2 2 0 0 1 2 2 29.891 29.891 0 0 1-10.755 22.963L40 52H26l-1.245-1.037A29.891 29.891 0 0 1 14 28z"
/>
<path
fill="#d8923e"
d="M43.8 34a39.125 39.125 0 0 0-.825-8H16a2 2 0 0 0-2 2 29.891 29.891 0 0 0 10.755 22.963L26 52h13.4a38.82 38.82 0 0 0 4.4-18z"
/>
<path
fill="#fadfb2"
d="M49 26a4 4 0 0 0-4-4 4 4 0 0 0-8 0 4 4 0 0 0-8 0 4 4 0 0 0-8 0 4 4 0 0 0-4 4"
/>
<path fill="#f5cf88" d="M25 18 17 2l-4 2 8.273 16.546A4 4 0 0 1 25 18z" />
<path fill="#976947" d="m22.6 13.2-6-2L14 6l6 2z" />
<path
fill="#8f6128"
d="M51.933 30a29.692 29.692 0 0 1-.54 3.993l.035.007h4.187A2.385 2.385 0 0 1 58 36.385a2.386 2.386 0 0 1-1.5 2.215l-7.845 3.138a29.869 29.869 0 0 1-4.155 6.069l13.341-5.188A6.531 6.531 0 0 0 62 36.532 6.531 6.531 0 0 0 55.468 30z"
/>
<path fill="#674025" d="M16 44h20a2 2 0 0 1 2 2v6H14v-6a2 2 0 0 1 2-2z" />
<path
fill="#442518"
d="M37.998 46.999h-5v-3h-1.999v3h-4.001v-3h-1.999v3h-4.001v-3h-1.999v3h-5v1.999h5v3h1.999v-3h4.001v3h1.999v-3h4.001v3h1.999v-3h5z"
/>
<path fill="#8f6128" d="M12 52h42a6 6 0 0 1-6 6H18a6 6 0 0 1-6-6z" />
<path fill="#674025" d="M25 58v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3" />
<path
fill="#976947"
d="M2 62v-2.146A1.854 1.854 0 0 1 3.854 58a1.854 1.854 0 0 0 1.658-1.025L7 54l1.282 2.564a6.049 6.049 0 0 0 2.054 2.327A3.736 3.736 0 0 1 12 62zM25 58v3a1 1 0 0 0 1 1h5.936a39.208 39.208 0 0 0 3.6-4z"
/>
<path
fill="#bc7f35"
d="M39.4 52H12a6 6 0 0 0 6 6h17.532a39.053 39.053 0 0 0 3.868-6z"
/>
<path
fill="#fcead0"
d="M40.4 18.061A3.989 3.989 0 0 0 37 22a4 4 0 0 0-8 0 4 4 0 0 0-8 0 4 4 0 0 0-4 4h25.978a38.708 38.708 0 0 0-2.578-7.939z"
/>
<path
d="M55.467 29h-2.495c.011-.334.028-.666.028-1a3 3 0 0 0-3-3h-.11a5.008 5.008 0 0 0-3.975-3.916A5 5 0 0 0 37 19a4.995 4.995 0 0 0-8 0 5 5 0 0 0-3.362-1.96L17.894 1.552a1 1 0 0 0-1.341-.447l-4 2a1 1 0 0 0-.448 1.341l8.1 16.2c-.042.145-.094.286-.122.436A5.008 5.008 0 0 0 16.109 25H16a3 3 0 0 0-3 3 30.811 30.811 0 0 0 3.9 15H16a3 3 0 0 0-3 3v5h-1a1 1 0 0 0-1 1 7 7 0 0 0 7 7h6v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2h6a7.01 7.01 0 0 0 7-7 1 1 0 0 0-1-1H42.712a30.9 30.9 0 0 0 2.35-2.341L58.2 43.551A7.531 7.531 0 0 0 55.467 29zM52.2 35h3.418a1.386 1.386 0 0 1 .514 2.672l-5.5 2.2A30.694 30.694 0 0 0 52.2 35zM21.4 18.56l-2.824-5.649 3.318 1.106 1.614 3.228A4.977 4.977 0 0 0 21.4 18.56zm-.771-7.072-3.318-1.106-1.338-2.671 3.318 1.106zm-4.076-8.147 1.473 2.947-3.317-1.106-.368-.736zM21 23a1 1 0 0 0 1-1 3 3 0 0 1 6 0 1 1 0 0 0 2 0 3 3 0 1 1 6 0 1 1 0 0 0 2 0 3 3 0 0 1 6 0 1 1 0 0 0 1 1 3 3 0 0 1 2.816 2H18.184A3 3 0 0 1 21 23zm-6 26h4v2h-4zm6 0h4v2h-4zm12 2v-2h4v2zm-2 0h-4v-2h4zm6-4h-4v-2h3a1 1 0 0 1 1 1zm-6 0h-4v-2h4zm-6 0h-4v-2h4zm-9-2h3v2h-4v-1a1 1 0 0 1 1-1zm24 16H26v-2h14zm8-4H18a5 5 0 0 1-4.9-4h39.8a5.007 5.007 0 0 1-4.9 4zm-7.4-6.806-.963.806H39v-5a3 3 0 0 0-3-3H19.214A28.824 28.824 0 0 1 15 28a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1 28.81 28.81 0 0 1-10.4 22.193zm16.869-8.506-9.939 3.864a30.8 30.8 0 0 0 1.846-3.027l7.492-3A3.385 3.385 0 0 0 55.614 33h-3.021c.108-.661.189-1.329.254-2h2.62a5.531 5.531 0 0 1 2.005 10.687zM10.889 58.057a5.042 5.042 0 0 1-1.713-1.941L7.9 53.552a1 1 0 0 0-1.79 0l-1.494 2.975a.846.846 0 0 1-.763.473A2.855 2.855 0 0 0 1 59.853V62a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1 4.735 4.735 0 0 0-2.111-3.943zM3 61v-1.147a.846.846 0 0 1 .249-.6.858.858 0 0 1 .6-.251 2.836 2.836 0 0 0 2.552-1.576L7 56.235l.388.775a7.062 7.062 0 0 0 2.392 2.712A2.736 2.736 0 0 1 10.811 61z"
/>
</svg>
More icons in the same style and category