Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, people, happy, hot drink, coffee breaks, boy, and avatar. Created in a clean flat style with a white, silver, gray, red, yellow, olive, 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 58 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#e64c3c"
d="M38 53v3a2.006 2.006 0 0 1-2 2H4a2.006 2.006 0 0 1-2-2v-3c0-5.523 4.477-10 10-10h16c.788 0 1.574.095 2.34.28a9.743 9.743 0 0 1 3.7 1.76 2.316 2.316 0 0 0-.04.46 3.5 3.5 0 0 0 2.7 3.4l1.22 2.88c.052.405.079.812.08 1.22z"
/>
<path
fill="#c03a2b"
d="M9 53v5H7v-5a1 1 0 0 1 2 0zM33 53v5h-2v-5a1 1 0 0 1 2 0z"
/>
<path
fill="#fdd7ad"
d="M23.55 37.77c-.22 2.08-.44 2.94-.52 5.23H27a7 7 0 0 1-14 0h3.97c-.08-2.29-.3-3.15-.52-5.23z"
/>
<g fill="#f9c795">
<path
d="M18 45a1 1 0 0 1-2 0 32.935 32.935 0 0 0-.33-5.32c-.07-.54-.14-1.11-.21-1.83a.884.884 0 0 1 0-.23c.63.11 1.3.21 2.01.27.07.58.13 1.07.19 1.53.255 1.849.369 3.714.34 5.58zM24.54 37.62c.01.076.01.154 0 .23-.07.72-.14 1.29-.21 1.83A32.935 32.935 0 0 0 24 45a1 1 0 0 1-2 0 36.673 36.673 0 0 1 .34-5.58c.06-.46.12-.95.19-1.53.71-.06 1.38-.16 2.01-.27zM35 19.13c.326-.09.662-.133 1-.13a4 4 0 1 1 0 8 3.72 3.72 0 0 1-1.06-.15H5.06A3.72 3.72 0 0 1 4 27a4 4 0 1 1 0-8c.338-.003.674.04 1 .13z"
/>
</g>
<path
fill="#fdd7ad"
d="M35 12.17v10c0 4.67 0 13.5-10.46 15.45-.32.06-.65.11-.99.15l-1.02.12c-.79.07-1.63.11-2.53.11s-1.74-.04-2.53-.11c-.35-.03-.69-.07-1.02-.12-.34-.04-.67-.09-.99-.15C5 35.67 5 26.84 5 22.17v-8.95c9.64 0 10.71-5.28 10.71-5.28s5.36 4.23 19.29 4.23z"
/>
<path
fill="#a56a43"
d="M35 11.08v1.59c-13.93 0-19.29-4.23-19.29-4.23S14.64 13.72 5 13.72V8.97C5 5.18 10.36 0 20 0c3.831-.148 7.618.86 10.87 2.89a8.971 8.971 0 0 1 4.09 5.55c.02.09.02.71.03 1.32S35 11 35 11.08z"
/>
<path fill="#f9c795" d="M21 26h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="#ecf0f1"
d="M13 24a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM24 21a3 3 0 1 1 6 0 3 3 0 0 1-6 0z"
/>
<path
fill="#464f5d"
d="M14 22a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM25 21a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"
/>
<path
fill="#f9c795"
d="M15.5 24H10a1 1 0 0 1 0-2h5.5a1 1 0 0 1 0 2zM30 24h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path fill="#fff" d="M27 29s-1.75 5-7 5-7-5-7-5z" />
<path
fill="#805333"
d="M51 28a1 1 0 0 1-.687-1.727A1.9 1.9 0 0 0 51 25a1.9 1.9 0 0 0-.686-1.272A3.769 3.769 0 0 1 49 21a3.767 3.767 0 0 1 1.312-2.726A1.9 1.9 0 0 0 51 17a1.9 1.9 0 0 0-.686-1.272 1 1 0 1 1 1.374-1.454A3.767 3.767 0 0 1 53 17a3.767 3.767 0 0 1-1.312 2.726A1.9 1.9 0 0 0 51 21a1.9 1.9 0 0 0 .686 1.272A3.769 3.769 0 0 1 53 25a3.767 3.767 0 0 1-1.312 2.726A1 1 0 0 1 51 28zM45 28a1 1 0 0 1-.687-1.727A1.9 1.9 0 0 0 45 25a1.9 1.9 0 0 0-.686-1.272A3.769 3.769 0 0 1 43 21a3.767 3.767 0 0 1 1.312-2.726A1.9 1.9 0 0 0 45 17a1.9 1.9 0 0 0-.686-1.272 1 1 0 1 1 1.374-1.454A3.767 3.767 0 0 1 47 17a3.767 3.767 0 0 1-1.312 2.726A1.9 1.9 0 0 0 45 21a1.9 1.9 0 0 0 .686 1.272A3.769 3.769 0 0 1 47 25a3.767 3.767 0 0 1-1.312 2.726A1 1 0 0 1 45 28z"
/>
<path
fill="#5d4c72"
d="M39.29 53H37.5a7.5 7.5 0 0 1-7.5-7.5 7.515 7.515 0 0 1 7.5-7.5H39v4h-1.5a3.5 3.5 0 0 0-3.46 3.04 2.316 2.316 0 0 0-.04.46 3.5 3.5 0 0 0 2.7 3.4c.261.069.53.103.8.1H39v2a6.908 6.908 0 0 0 .29 2z"
/>
<path fill="#7d6599" d="M58 37v14a7 7 0 0 1-7 7h-6a7 7 0 0 1-7-7V37z" />
<path
fill="#f3d55b"
d="M58 34v4H38v-4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
/>
<path
fill="#b49aca"
d="M45 55a3.888 3.888 0 0 1-4-4 1 1 0 0 1 2-.006A1.885 1.885 0 0 0 45 53a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category