Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as christmas, cup, drink, coffee, tea, hot drink, coffee cup, mug, chocolate, tea cup, cocoa, and food and restaurant. Created in a clean flat style with a silver, gray, teal, 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="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 0c-12.409 0-22.504-10.095-22.504-22.503V-137.43c0-12.408 10.095-22.503 22.504-22.503s22.504 10.095 22.504 22.503v114.927C22.504-10.095 12.409 0 0 0m0-189.933c-28.951 0-52.504 23.553-52.504 52.503v114.927C-52.504 6.447-28.951 30 0 30c28.951 0 52.504-23.553 52.504-52.503V-137.43c0-28.95-23.553-52.503-52.504-52.503"
transform="translate(398.66 286.407)"
fill="#915041"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-145.029c-46.869 0-85 38.131-85 85v282.733c0 8.285 6.716 15 15 15H70c8.284 0 15-6.715 15-15V85C85 38.131 46.869 0 0 0"
transform="translate(290.865)"
fill="#f2d1a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-164.338a15 15 0 0 0-12.267 23.632l31.867 45.284a15 15 0 0 0-11.611 23.618l25.075 35.632a15.001 15.001 0 0 0-1.979 19.549l38.817 55.161a15.001 15.001 0 0 0 24.534 0l38.818-55.161a15 15 0 0 0-1.98-19.549l25.075-35.632A15.001 15.001 0 0 0-19.6 68.916l31.867-45.284A14.999 14.999 0 0 0 0 0"
transform="translate(303.055 117.728)"
fill="#06ccab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v48.14c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(220.886 69.31)"
fill="#d6995c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.787v-382.733H-70c46.869 0 85 38.13 85 85V-15C15-6.716 8.284 0 0 0"
transform="translate(360.865 382.733)"
fill="#e3a76f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-164.338a15 15 0 0 0-12.267 23.632l31.867 45.284a15 15 0 0 0-11.611 23.618l25.075 35.632a15.001 15.001 0 0 0-1.979 19.549l38.817 55.161a15.001 15.001 0 0 0 24.534 0l38.818-55.161a15 15 0 0 0-1.98-19.549l25.075-35.632A15.001 15.001 0 0 0-19.6 68.916l31.867-45.284A14.999 14.999 0 0 0 0 0"
transform="translate(303.055 117.728)"
fill="#06ccab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.867 45.283a15 15 0 0 1 11.611 23.618l-25.075 35.633a15.001 15.001 0 0 1 1.979 19.549l-15.97 22.694V-23.632h47.055A15 15 0 0 1 0 0"
transform="translate(315.322 141.36)"
fill="#088a7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.947 14.947 0 0 0-10.065 3.882c-6.141 5.562-6.61 15.048-1.048 21.188l3.26 3.6a11.836 11.836 0 0 1 0 15.943C-21.744 59.951-22.256 83.53-9.045 99.459l.969 1.169c5.289 6.376 14.746 7.258 21.122 1.967 6.376-5.289 7.257-14.746 1.967-21.122l-.968-1.166c-3.746-4.517-3.601-11.205.338-15.556a41.737 41.737 0 0 0 0-56.22L11.122 4.93A14.963 14.963 0 0 0 0 0"
transform="translate(140.583 405.949)"
fill="#ffa426"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.947 14.947 0 0 0-10.065 3.882c-6.141 5.562-6.61 15.048-1.048 21.188l3.26 3.6a11.836 11.836 0 0 1 0 15.943C-21.744 59.951-22.256 83.53-9.045 99.459l.969 1.169c5.289 6.376 14.746 7.258 21.122 1.967 6.376-5.289 7.257-14.746 1.967-21.122l-.968-1.166c-3.746-4.517-3.601-11.205.338-15.556a41.737 41.737 0 0 0 0-56.22L11.122 4.93A14.963 14.963 0 0 0 0 0"
transform="translate(214.524 405.949)"
fill="#ffa426"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.94 14.94 0 0 0-10.064 3.882c-6.141 5.56-6.611 15.046-1.05 21.187l3.26 3.6a11.836 11.836 0 0 1 .001 15.944C-21.744 59.952-22.256 83.53-9.045 99.46l.966 1.165c5.288 6.378 14.744 7.261 21.122 1.973 6.377-5.288 7.26-14.745 1.972-21.122l-.967-1.166c-3.749-4.52-3.605-11.208.335-15.559a41.736 41.736 0 0 0-.001-56.22l-3.259-3.6A14.964 14.964 0 0 0 0 0"
transform="translate(288.467 405.949)"
fill="#fe8205"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category