Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, takeaway, beans, and food and restaurant. Created in a clean lineal color style, 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="nonzero">
<path
fill="#02a9f4"
d="m26.64 51-.49 6.16a2 2 0 0 1-2 1.84H7.85a2 2 0 0 1-2-1.84L5.36 51z"
/>
<path
fill="#0377bc"
d="m23.64 51-.49 6.16a2 2 0 0 1-2 1.84h3a2 2 0 0 0 2-1.84l.49-6.16z"
/>
<path fill="#02a9f4" d="m29 21-.63 8H3.63L3 21z" />
<path fill="#0377bc" d="m26 21-.63 8h3l.63-8z" />
<path
fill="#607d8b"
d="M31 16.87V19a2.006 2.006 0 0 1-2 2H3a2.006 2.006 0 0 1-2-2v-3.86a2 2 0 0 1 2.14-1.99l.86.06 24 1.58 1.14.08a2 2 0 0 1 1.86 2z"
/>
<path
fill="#37474f"
d="M29.14 14.87 28 14.79 4 13.21l-.86-.06a1.983 1.983 0 0 0-.883.143L25 14.79l1.14.08a2 2 0 0 1 1.86 2V19a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-2.13a2 2 0 0 0-1.86-2z"
/>
<path
fill="#37474f"
d="M28 11v3.79L4 13.21V11a2.006 2.006 0 0 1 2-2h20a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#ffdc00"
d="M30.29 30.08 30.14 32l-1.27 16-.16 2.08a1 1 0 0 1-1 .92H4.29a1 1 0 0 1-1-.92l-1.58-20a1 1 0 0 1 1-1.08h26.58a1 1 0 0 1 1 1.08z"
/>
<path
fill="#fec108"
d="M29.29 29h-3a1 1 0 0 1 1 1.08l-1.58 20a1 1 0 0 1-1 .92h3a1 1 0 0 0 1-.92l1.58-20a1 1 0 0 0-1-1.08z"
/>
<path
fill="#783e22"
d="M20.2 44.2c-3.09 3.09-7.48 3.72-9.8 1.4a4.619 4.619 0 0 1-.62-.78c1.83-1.75 3.22-.42 5.05-2.25 1.87-1.87.47-3.27 2.34-5.14 1.83-1.83 3.22-.5 5.05-2.25 1.54 2.43.75 6.25-2.02 9.02z"
/>
<path
fill="sienna"
d="M22.22 35.18c-1.83 1.75-3.22.42-5.05 2.25-1.87 1.87-.47 3.27-2.34 5.14-1.83 1.83-3.22.5-5.05 2.25-1.54-2.43-.75-6.25 2.02-9.02 3.09-3.09 7.48-3.72 9.8-1.4.234.237.442.498.62.78zM42.84 19.14l-1.72 12a1 1 0 0 1-.99.86h-9.99l.15-1.92a1 1 0 0 0-1-1.08h-.92l.63-8a2.006 2.006 0 0 0 2-2v-1h10.85a1 1 0 0 1 .99 1.14z"
/>
<path
fill="#ff9801"
d="m53 1-6 47H28.87l1.27-16h9.99a1 1 0 0 0 .99-.86l1.72-12a1 1 0 0 0-.99-1.14H31v-1.13a2 2 0 0 0-1.86-2L28 14.79V11a2.006 2.006 0 0 0-2-2H15.98l.91-7.13a.994.994 0 0 1 .99-.87z"
/>
<path fill="#f57c00" d="m50 1-6 47h3l6-47z" />
<path
fill="#d84315"
d="M58.88 41.17a.991.991 0 0 1-.67 1.09L53 44l-6 4 6-47z"
/>
<g fill="#000">
<path
d="m2.063 21.835.486 6.182a1.982 1.982 0 0 0-1.835 2.14l1.578 20A2.01 2.01 0 0 0 4.285 52h.151l.418 5.247A2.993 2.993 0 0 0 7.85 60h16.3a3 3 0 0 0 3-2.761L27.564 52h.151a2.01 2.01 0 0 0 1.993-1.843l1.578-20a1.982 1.982 0 0 0-1.835-2.14l.487-6.182A2.994 2.994 0 0 0 32 19v-2.133a3.01 3.01 0 0 0-2.8-2.993l-.2-.014V11a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v1.156a2.977 2.977 0 0 0-3 2.987V19a2.993 2.993 0 0 0 2.063 2.835zM27.446 28H4.554l-.472-6h23.836zm-2.292 29.073a1 1 0 0 1-1 .927H7.85a1 1 0 0 1-1-.919L6.443 52h19.114zM27.715 50H4.286L2.708 30h26.584zM6 10h20a1 1 0 0 1 1 1v2.727L5 12.269V11a1 1 0 0 1 1-1zm-4 5.143a1 1 0 0 1 1-1h.072l.908.06h.032l25.058 1.661a1 1 0 0 1 .931 1V19a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"
/>
<path
d="M11.1 35.1c-3.48 3.468-4.111 8.5-1.406 11.214a6.023 6.023 0 0 0 4.335 1.677A9.963 9.963 0 0 0 20.9 44.9c3.479-3.468 4.11-8.5 1.405-11.213S14.564 31.618 11.1 35.1zm1.414 1.414a8.007 8.007 0 0 1 5.45-2.519 4.1 4.1 0 0 1 2.785 1c-.37.153-.762.251-1.161.292a5 5 0 0 0-4.576 4.579 3.026 3.026 0 0 1-2.88 2.883 5.628 5.628 0 0 0-1.946.562c-.598-2.026.247-4.729 2.326-6.801zm6.978 6.978c-2.627 2.636-6.278 3.292-8.242 1.526a4.17 4.17 0 0 1 1.168-.3 5 5 0 0 0 4.576-4.579 3.026 3.026 0 0 1 2.88-2.883 5.628 5.628 0 0 0 1.946-.562c.593 2.021-.253 4.723-2.33 6.794zM16.363 5.992a.994.994 0 0 0 1.119-.866L17.88 2h33.984L51.1 8H50a1 1 0 0 0 0 2h.843l-4.724 37H32.89a1 1 0 0 0 0 2H47a.987.987 0 0 0 .324-.06c.036-.013.068-.032.1-.048a.928.928 0 0 0 .128-.06l5.888-3.925 5.078-1.693a2 2 0 0 0 1.347-2.188L53.989.855a.671.671 0 0 0-.027-.075.88.88 0 0 0-.062-.172.941.941 0 0 0-.111-.2c-.016-.022-.021-.049-.039-.07s-.05-.032-.073-.053a1.057 1.057 0 0 0-.338-.212.957.957 0 0 0-.227-.049A1.062 1.062 0 0 0 53 0H17.88a2 2 0 0 0-1.98 1.744l-.4 3.13a1 1 0 0 0 .863 1.118zM54 42.612V30a1 1 0 0 0-2 0v13.465l-3.73 2.487 4.8-37.584 4.821 32.948z"
/>
<path
d="M46 10a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM40 10a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM34 8h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM34 18a1 1 0 0 0 1 1h6.85l-1.72 12h-5.98a1 1 0 0 0 0 2h5.98a2.011 2.011 0 0 0 1.98-1.718l1.721-12.01A2 2 0 0 0 41.85 17H35a1 1 0 0 0-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category