Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, people, happy, hot drink, boy, and avatar. Created in a clean lineal color style with a white, silver, black, red, maroon, yellow, olive, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero" transform="translate(1)">
<path
fill="#ff5722"
d="M38 54v3a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-3c0-5.523 4.477-10 10-10h1a7 7 0 0 0 14 0h1a10 10 0 0 1 2.34.28A7.41 7.41 0 0 0 30 46.5a7.5 7.5 0 0 0 7.5 7.5z"
/>
<path
fill="#d84315"
d="M37.5 54a7.5 7.5 0 0 1-7.5-7.5c0-.753.115-1.502.34-2.22A10 10 0 0 0 28 44h-1v.22c0 .08.24 0 .35.06A7.41 7.41 0 0 0 27 46.5a7.5 7.5 0 0 0 7.5 7.5h.5v3a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-3z"
/>
<path
fill="#ffe0b2"
d="M27 44a7 7 0 0 1-14 0h4c-.08-2.29-.3-3.15-.52-5.23A25.82 25.82 0 0 0 20 39a25.82 25.82 0 0 0 3.55-.23c-.22 2.08-.44 2.94-.52 5.23z"
/>
<path
fill="#dfc49c"
d="M5.22 27.79A3.56 3.56 0 0 1 4 28a4 4 0 1 1 0-8 3.66 3.66 0 0 1 1 .13v3a35.41 35.41 0 0 0 .22 4.66zM40 24a4 4 0 0 1-4 4 3.56 3.56 0 0 1-1.22-.21 35.41 35.41 0 0 0 .22-4.62v-3a3.66 3.66 0 0 1 1-.17 4 4 0 0 1 4 4z"
/>
<path
fill="#ffe0b2"
d="M32 13.6c-11.71-.54-16.29-4.16-16.29-4.16S14.64 14.72 5 14.72v8.45a35.41 35.41 0 0 0 .22 4.62c.61 4.62 2.87 9.85 11.23 11a23.58 23.58 0 0 0 2.79.22H20a25.82 25.82 0 0 0 3.55-.23c8.36-1.13 10.62-6.36 11.23-11 .174-1.53.247-3.07.22-4.61v-9.5c-1 0-2-.02-3-.07zM27 20a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-16 2a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2 8h14s-1.75 5-7 5-7-5-7-5z"
/>
<path
fill="#dfc49c"
d="M35 13.67v9.5a35.41 35.41 0 0 1-.22 4.62c-.61 4.62-2.87 9.85-11.23 11A25.82 25.82 0 0 1 20 39h-1.5c.72 0 1.41-.09 2.05-.18 8.36-1.13 10.62-6.36 11.23-11a35.41 35.41 0 0 0 .22-4.65V13.6c1 .05 2 .07 3 .07z"
/>
<circle cx="13" cy="22" r="2" fill="#02a9f4" />
<circle cx="27" cy="22" r="2" fill="#02a9f4" />
<path fill="#f5f5f5" d="M27 30s-1.75 5-7 5-7-5-7-5z" />
<path
fill="sienna"
d="M35 12.08v1.59c-13.93 0-19.29-4.23-19.29-4.23S14.64 14.72 5 14.72V10c0-3.79 5.36-9 15-9a19.13 19.13 0 0 1 10.87 2.89A9 9 0 0 1 35 9.44v1.32z"
/>
<path
fill="#783e22"
d="M35 10.76V9.44a9 9 0 0 0-4.09-5.55A19.13 19.13 0 0 0 20 1c-.5 0-1 0-1.46.05a18.27 18.27 0 0 1 9.33 2.84A9 9 0 0 1 32 9.44v4.15c1 .05 2 .08 3 .08v-2.91z"
/>
<path
fill="#02a9f4"
d="M58 39v13a7 7 0 0 1-7 7h-6a7 7 0 0 1-7-7V39z"
/>
<path
fill="#0377bc"
d="M55 39v13a7 7 0 0 1-7 7h3a7 7 0 0 0 7-7V39z"
/>
<path
fill="#ffeb3a"
d="M58 35v4H38v-4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
/>
<path
fill="#fdd834"
d="M57 34h-3a1 1 0 0 1 1 1v4h3v-4a1 1 0 0 0-1-1z"
/>
</g>
<path d="M38.5 43a3.5 3.5 0 0 0 0 7h.5v-7z" />
<path
fill="#00bcd4"
fill-rule="nonzero"
d="M39.29 54h-.79a7.5 7.5 0 0 1-7.5-7.5 7.51 7.51 0 0 1 7.5-7.5h.5v4h-.5a3.5 3.5 0 0 0 0 7h.5v2a6.91 6.91 0 0 0 .29 2z"
/>
<g fill-rule="nonzero">
<g fill="#000">
<path
d="M21 36a8.62 8.62 0 0 0 7.94-5.67 1 1 0 0 0-.12-.91A1 1 0 0 0 28 29H14a1 1 0 0 0-.82.42 1 1 0 0 0-.12.91A8.62 8.62 0 0 0 21 36zm5.36-5a6.29 6.29 0 0 1-10.72 0zM17 25a1 1 0 0 0 0-2h-.18a3 3 0 1 0-5.64 0H11a1 1 0 0 0 0 2zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM25 25h6a1 1 0 0 0 0-2h-.18a3 3 0 1 0-5.64 0H25a1 1 0 0 0 0 2zm2-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM20 27h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM50 22a3.77 3.77 0 0 0 1.31 2.73c.393.312.642.77.69 1.27a1.85 1.85 0 0 1-.69 1.27 1 1 0 0 0 0 1.42A1 1 0 0 0 52 29a1 1 0 0 0 .69-.27 3.5 3.5 0 0 0 0-5.46A1.85 1.85 0 0 1 52 22c.048-.5.297-.958.69-1.27A3.77 3.77 0 0 0 54 18a3.77 3.77 0 0 0-1.31-2.73 1.004 1.004 0 1 0-1.38 1.46c.393.312.642.77.69 1.27a1.85 1.85 0 0 1-.69 1.27A3.77 3.77 0 0 0 50 22zM44 22a3.77 3.77 0 0 0 1.31 2.73c.393.312.642.77.69 1.27a1.85 1.85 0 0 1-.69 1.27 1 1 0 0 0 0 1.42A1 1 0 0 0 46 29a1 1 0 0 0 .69-.27 3.5 3.5 0 0 0 0-5.46A1.85 1.85 0 0 1 46 22c.048-.5.297-.958.69-1.27A3.77 3.77 0 0 0 48 18a3.77 3.77 0 0 0-1.31-2.73 1.004 1.004 0 1 0-1.38 1.46c.393.312.642.77.69 1.27a1.85 1.85 0 0 1-.69 1.27A3.77 3.77 0 0 0 44 22z"
/>
<path
d="M58 33H40a2 2 0 0 0-2 2v3a8.44 8.44 0 0 0-7.29 5.14A11 11 0 0 0 29 43h-3.92c.06-.89.15-1.57.25-2.32 0-.33.08-.67.13-1 7.7-1.35 10.27-6.23 11.11-10.67H37a5 5 0 0 0 0-10v-6.93s0-2.49-.06-2.8C36.32 5.55 31.57 0 21 0S5 5.79 5 10v9a5 5 0 0 0 0 10h.43c.84 4.44 3.41 9.32 11.11 10.67.05.37.09.71.13 1 .1.75.19 1.43.25 2.32H13A11 11 0 0 0 2 54v3a3 3 0 0 0 3 3h32a3 3 0 0 0 3-2.75A8 8 0 0 0 46 60h6a8 8 0 0 0 8-8V35a2 2 0 0 0-2-2zm0 2v3H40v-3zM38 49a2.5 2.5 0 0 1 0-4.9zm-5.7-4.38A6.43 6.43 0 0 1 38 40v2a4.5 4.5 0 1 0 0 9v1c.002.334.026.668.07 1a6.5 6.5 0 0 1-5.77-8.43zM40 24a3 3 0 0 1-3 3h-.14c.14-1.45.14-2.78.14-3.81V21a3 3 0 0 1 3 3zM21 2c9.26 0 13.48 4.67 14 7.56v3.09c-12.57-.2-17.62-4-17.67-4a1 1 0 0 0-1.59.57c0 .18-1.07 4.14-8.74 4.46V10c0-3.29 5-8 14-8zM5 27a3 3 0 0 1 0-6v2.17c0 1 0 2.36.14 3.81zm2-3.83V15.7c6.68-.26 9.24-3.07 10.18-4.78 2.16 1.22 7.67 3.58 17.82 3.73v8.52C35 28.35 35 38 21 38a25 25 0 0 1-3.25-.2h-.05C7 36.37 7 27.91 7 23.17zM17 46a1 1 0 0 0 2 0 36.67 36.67 0 0 0-.34-5.58c0-.17-.05-.35-.07-.52.76.06 1.56.1 2.41.1s1.65 0 2.41-.1c0 .17 0 .35-.07.52A36.67 36.67 0 0 0 23 46a1 1 0 0 0 2 0v-1h1.9a6 6 0 0 1-11.82 0H17zM4 57v-3a9 9 0 0 1 9-9h.07a8 8 0 0 0 15.86 0H29a8.59 8.59 0 0 1 1.13.08A8.35 8.35 0 0 0 32 52v6H10v-4a1 1 0 0 0-2 0v4H5a1 1 0 0 1-1-1zm33 1h-3v-4.3a8.43 8.43 0 0 0 4 1.3v2a1 1 0 0 1-1 1zm15 0h-6a6 6 0 0 1-6-6V40h18v12a6 6 0 0 1-6 6z"
/>
</g>
<path
fill="#f5f5f5"
d="M46 54a1.88 1.88 0 0 1-2-2 1 1 0 0 0-2 0 3.89 3.89 0 0 0 4 4 1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category