Add icons to this collection by clicking the heart icon.
Cocoa icon - also known as food, coffee, hot drink, warm, chocolate, cocoa, and food and restaurant. Created in a clean flat style with a white, gray, red, and teal 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M271.83 54.424a22.39 22.39 0 0 0-9.242-18.233l-43.98-31.913A22.427 22.427 0 0 0 205.424 0a22.42 22.42 0 0 0-13.186 4.279l-43.98 31.913a22.395 22.395 0 0 0-9.242 18.233H271.83z"
fill="#f1f2f2"
/>
<path
d="m182.582 36.193 40.003-29.026-3.978-2.886A22.42 22.42 0 0 0 205.422.002a22.42 22.42 0 0 0-13.186 4.279l-43.98 31.913a22.395 22.395 0 0 0-9.242 18.233h34.326a22.395 22.395 0 0 1 9.242-18.234z"
opacity=".1"
fill="#414042"
/>
<path
d="M312.636 90.269a38.975 38.975 0 0 0 4.941-19.042c0-21.652-17.574-39.206-39.253-39.206H132.52c-21.679 0-39.255 17.552-39.255 39.206a38.991 38.991 0 0 0 4.941 19.042h214.43z"
fill="#e4e6e5"
/>
<path
d="M166.846 32.022H132.52c-21.679 0-39.255 17.552-39.255 39.206a38.991 38.991 0 0 0 4.941 19.042h34.326a38.964 38.964 0 0 1-4.941-19.042c0-21.653 17.576-39.206 39.255-39.206z"
opacity=".1"
fill="#414042"
/>
<path
d="M369.875 123.874a39.016 39.016 0 0 0 3.783-16.802c0-21.652-17.576-39.205-39.256-39.205H76.442c-21.679 0-39.254 17.552-39.254 39.205a39.004 39.004 0 0 0 3.782 16.802h328.905z"
fill="#f1f2f2"
/>
<path
d="M110.767 67.867H76.441c-21.679 0-39.254 17.552-39.254 39.205a39.004 39.004 0 0 0 3.782 16.802h34.326a38.973 38.973 0 0 1-3.783-16.802c0-21.652 17.576-39.205 39.255-39.205z"
opacity=".1"
fill="#414042"
/>
<path
d="M445.322 108.515h-73.881c-32.062 0-58.05 25.807-58.05 57.641V329.91c0 31.835 25.988 57.642 58.05 57.642h73.881c32.059 0 58.05-25.807 58.05-57.642V166.156c0-31.834-25.99-57.641-58.05-57.641zm5.277 221.396c0 2.889-2.365 5.24-5.276 5.24h-73.881c-2.911 0-5.278-2.351-5.278-5.24V166.156c0-2.889 2.367-5.24 5.278-5.24h73.881c2.911 0 5.276 2.35 5.276 5.24v163.755z"
fill="#d84f48"
/>
<path
d="M8.628 108.515v305.234c0 54.264 44.302 98.252 98.948 98.252h193.94c54.65 0 98.949-43.988 98.949-98.252V108.515H8.628z"
fill="#d84f48"
/>
<path
d="M65.213 413.748V108.515H8.629v305.234C8.629 468.012 52.93 512 107.576 512h56.585c-54.648 0-98.948-43.988-98.948-98.252z"
opacity=".1"
fill="#414042"
/>
<path
d="M201.938 280.331v-63.382l-41.78-41.791v63.381zM218.107 280.331l41.78-41.792v-63.381l-41.78 41.791zM271.318 249.973l-41.782 41.792h64.184l40.965-41.792zM190.509 291.765l-41.782-41.792H85.361l41.781 41.792zM218.107 319.37v63.38l41.78 41.79v-63.38zM229.535 307.933l41.783 41.793h63.367l-42.632-41.793zM201.938 319.37l-41.78 41.79v63.38l41.78-41.79zM190.51 307.933h-63.368l-41.781 41.793h63.366z"
fill="#00b494"
/>
</svg>
More icons in the same style and category