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 lineal color style with a white, gray, maroon, and orange 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 300 300"
>
<circle cx="125.723" cy="138" r="92" fill="#edebdc" />
<g fill="#4c241d">
<path
d="M237.723 54a4 4 0 0 1-4-4v-8a4 4 0 0 1 8 0v8a4 4 0 0 1-4 4zM237.723 78a4 4 0 0 1-4-4v-8a4 4 0 0 1 8 0v8a4 4 0 0 1-4 4zM229.723 62h-8a4 4 0 0 1 0-8h8a4 4 0 0 1 0 8zM253.723 62h-8a4 4 0 0 1 0-8h8a4 4 0 0 1 0 8z"
/>
<circle cx="262.001" cy="129.544" r="4.276" />
<path
d="M55.723 70c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
/>
<circle cx="106.001" cy="77.544" r="4.276" />
</g>
<path
fill="#edebdc"
d="M145.723 146c0-3.418 20.441-68.158 26.392-86.935A7.26 7.26 0 0 1 179.052 54c5.129 0 8.651 5.16 6.782 9.937L153.723 146z"
/>
<path
fill="#4c241d"
d="M153.723 150h-8a4 4 0 0 1-4-4c0-1.059 0-4.279 26.58-88.145 1.488-4.699 5.809-7.855 10.75-7.855a11.282 11.282 0 0 1 10.506 15.395l-32.111 82.062a4.002 4.002 0 0 1-3.725 2.543zm-2.961-8h.23l31.117-79.52a3.247 3.247 0 0 0-.346-3.049c-1.43-2.096-5.07-1.555-5.836.842C163.069 100.846 153.793 131 150.762 142z"
/>
<path
fill="#4c241d"
d="M186.616 261.945H84.83c-12.742 0-23.107-10.367-23.107-23.109V110a4 4 0 0 1 4-4h140a4 4 0 0 1 4 4v128.836c0 12.742-10.365 23.109-23.107 23.109zM69.723 114v124.836c0 8.332 6.777 15.109 15.107 15.109h101.785c8.33 0 15.107-6.777 15.107-15.109V114z"
/>
<path
fill="#914d41"
d="M186.615 258H84.831c-10.553 0-19.108-8.555-19.108-19.108V130h140v108.892c0 10.553-8.555 19.108-19.108 19.108z"
/>
<path
fill="#4c241d"
d="M186.616 262H84.83c-12.742 0-23.107-10.365-23.107-23.107V130a4 4 0 0 1 4-4h140a4 4 0 0 1 4 4v108.893c0 12.742-10.365 23.107-23.107 23.107zM69.723 134v104.893c0 8.33 6.777 15.107 15.107 15.107h101.785c8.33 0 15.107-6.777 15.107-15.107V134z"
/>
<path
fill="#fff"
d="M205.723 238V129.581c28.719 0 52 23.281 52 52V186c0 28.719-23.281 52-52 52z"
/>
<path
fill="#4c241d"
d="M205.723 242a4 4 0 0 1-4-4V129.58a4 4 0 0 1 4-4c30.879 0 56 25.121 56 56V186c0 30.879-25.121 56-56 56zm4-108.254v100.088c24.602-2.039 44-22.715 44-47.834v-4.42c0-25.119-19.398-45.795-44-47.834z"
/>
<path
fill="#fff"
d="M205.723 222v-76c19.871 0 35.98 16.109 35.98 35.98v4.039c0 19.872-16.109 35.981-35.98 35.981z"
/>
<path
fill="#4c241d"
d="M205.723 226a4 4 0 0 1-4-4v-76a4 4 0 0 1 4-4c22.045 0 39.98 17.936 39.98 39.98v4.039c0 22.045-17.935 39.981-39.98 39.981zm4-75.752v67.504c15.754-1.975 27.98-15.453 27.98-31.732v-4.039c0-16.28-12.226-29.758-27.98-31.733z"
/>
<path fill="#f96e43" d="M65.723 162h140v76h-140z" />
<path
fill="#4c241d"
d="M205.723 242h-140a4 4 0 0 1-4-4v-76a4 4 0 0 1 4-4h140a4 4 0 0 1 4 4v76a4 4 0 0 1-4 4zm-136-8h132v-68h-132z"
/>
<path
fill="#4c241d"
d="M101.723 194a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l9.172 9.172 9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12a3.988 3.988 0 0 1-2.828 1.172zM169.723 194a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l9.172 9.172 9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12a3.988 3.988 0 0 1-2.828 1.172zM101.723 226a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l9.172 9.172 9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12a3.988 3.988 0 0 1-2.828 1.172zM169.723 226a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l9.172 9.172 9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12a3.988 3.988 0 0 1-2.828 1.172zM133.723 210a3.988 3.988 0 0 1-2.828-1.172l-12-12a4 4 0 1 1 5.656-5.656l9.172 9.172 9.172-9.172a4 4 0 1 1 5.656 5.656l-12 12a3.988 3.988 0 0 1-2.828 1.172z"
/>
</svg>
More icons in the same style and category