Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as christmas, drink, coffee, tea, hot drink, coffee cup, mug, chocolate, cocoa, and food and restaurant. Created in a clean flat style with a white, silver, gray, and red 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 0h35.376c4.482 0 8.129 3.633 8.129 8.098v37.127c0 4.465-3.647 8.098-8.129 8.098H0Zm35.376-30H-30V83.323h65.376c21.024 0 38.129-17.091 38.129-38.098V8.098C73.505-12.909 56.4-30 35.376-30"
transform="translate(438.532 195.909)"
fill="#5a4366"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-111.22c0-59.25-48.2-107.46-107.46-107.46h-179c-59.25 0-107.46 48.21-107.46 107.46V0c0 20.13 16.38 36.51 36.51 36.51h320.9C-16.38 36.51 0 20.13 0 0"
transform="translate(438.53 292.25)"
fill="#ededf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-111.22c0-59.25-48.2-107.46-107.46-107.46h-88.58V36.51h159.53C-16.38 36.51 0 20.13 0 0"
transform="translate(438.53 292.25)"
fill="#cacaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.22-18.9-42.11-42.12-42.11H-442.8c-23.22 0-42.11 18.89-42.11 42.11 0 23.23 18.89 42.12 42.11 42.12h400.68C-18.9 42.12 0 23.23 0 0"
transform="translate(484.95 61.25)"
fill="#fd2d12"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v36.628c0 16.424 7.854 32.111 21.009 41.963C11.639 97.807 15 104.517 15 111.54v19.146c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V111.54c0-16.425-7.854-32.112-21.009-41.963C18.361 65.361 15 58.651 15 51.628V15C15 6.716 8.284 0 0 0"
transform="translate(276.826 348.451)"
fill="#cacaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v6.668c0 16.425 7.854 32.112 21.009 41.963C11.639 67.847 15 74.557 15 81.58v49.106c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V81.58c0-16.425-7.854-32.112-21.009-41.963C18.361 35.401 15 28.691 15 21.668V15C15 6.716 8.284 0 0 0"
transform="translate(333.111 348.451)"
fill="#cacaea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.48-50.82-29.12-82.39-64.16-95.37-12.32-4.57-25.8-6.84-39.89-6.84-15.15 0-27.15 12.84-26.11 27.95 3.38 49.22 26 81.58 66 95.21 10.82 3.7 22.92 6.02 36.26 6.93C-12.08 28.97 1.09 15.82 0 0"
transform="translate(306.65 238.3)"
fill="#bd8c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v116.32c10.82 3.7 22.92 6.02 36.26 6.93 15.82 1.09 28.99-12.06 27.9-27.88C60.68 44.55 35.04 12.98 0 0"
transform="translate(242.49 142.93)"
fill="#9e5c4b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.22-18.9-42.11-42.12-42.11h-200.34v84.23h200.34C-18.9 42.12 0 23.23 0 0"
transform="translate(484.95 61.25)"
fill="#de0e0e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category