Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, beverage, hot drink, take away, coffee cup, caffeine, espresso, and food and restaurant. Created in a clean outline color style with a white, silver, gray, 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 64 64"
>
<path
fill="#ebf5fd"
d="M53.877 62H20.123a4 4 0 0 1-3.88-3.03L16 58h42l-.242.97A4 4 0 0 1 53.877 62z"
/>
<path
fill="#cbaf8c"
d="M26.084 46H5.916a1 1 0 0 1-.997-.912L2 12h28l-2.92 33.088a1 1 0 0 1-.996.912z"
/>
<path fill="#815c3f" d="M29 2H3L2 8h28z" />
<path
fill="#c3a684"
d="m25 12-2.92 33.088a1 1 0 0 1-.996.912h5a1 1 0 0 0 .997-.912L30 12z"
/>
<path
fill="#755339"
d="M29.14 2.835A1 1 0 0 0 28.152 2h-5a1 1 0 0 1 .986.836L25 8h5z"
/>
<path
fill="#ebf5fd"
d="M29.118 22h-5.135a9.966 9.966 0 0 0-15.966 0H2.882l1.06 12h4.075a9.966 9.966 0 0 0 15.966 0h4.076z"
/>
<path
fill="#f5faff"
d="M2.882 34h5.135a9.966 9.966 0 0 0 15.966 0h5.135V22h-5.135a9.966 9.966 0 0 0-15.966 0H2.882z"
/>
<path
fill="#f5faff"
d="M2.882 34h5.135a9.966 9.966 0 0 0 15.966 0H28l1.118-12h-5.135a9.966 9.966 0 0 0-15.966 0H2.882z"
/>
<path fill="#ebf5fd" d="M29.118 22h-2.997l-1.059 12H28z" />
<path fill="#815c3f" d="m28.974 35 .177-2zM26.151 33l-.177 2h3l.177-2z" />
<ellipse cx="16" cy="28" fill="#8c6445" rx="4" ry="6" />
<path
fill="#dcedfa"
d="M55 38a8 8 0 1 0 8 8 8 8 0 0 0-8-8zm0 12a4 4 0 1 1 4-4 4.105 4.105 0 0 1-4 4z"
/>
<path
fill="#cde6f5"
d="M47 46a7.996 7.996 0 0 0 5.969 7.73 20.54 20.54 0 0 0 1.85-3.75A3.992 3.992 0 0 1 55 42a3.697 3.697 0 0 1 1 .155v-4.086A7.953 7.953 0 0 0 47 46z"
/>
<path
fill="#ebf5fd"
d="M53 36v7.534c0 5.333-2.847 10.48-8 14.466H29c-5.153-3.986-8-9.133-8-14.466V36z"
/>
<g fill="#dcedfa">
<path
d="M29 44a2 2 0 0 0 4 0v-9h-4zM45 58c5.153-3.986 8-9.133 8-14.466V36h-4v7.534C49 48.84 46.378 53.936 41.588 58zM49.736 61h-32.24a3.983 3.983 0 0 0 2.627 1h33.754a4 4 0 0 0 3.88-3.03L58 58h-3.682a4.991 4.991 0 0 1-4.582 3z"
/>
</g>
<path
fill="#fcf3c0"
d="M53 36c0-4-11.47-9-19-9 0 5-13 5-13 9h6v8a2 2 0 0 0 4 0v-8z"
/>
<path
fill="#fdf9e0"
d="M34.749 27.016c-.253-.01-.503-.016-.749-.016 0 5-13 5-13 9h4c0-3.995 9.727-4 9.749-8.984z"
/>
<path
fill="#f9ea91"
d="M36.996 27.225C42.424 28.241 49 32.502 49 36h4c0-3.497-8.767-7.759-16.004-8.775z"
/>
<path
fill="#dcedfa"
d="M25.754 55a23.942 23.942 0 0 0 2.038 2h18.416a23.942 23.942 0 0 0 2.038-2z"
/>
<path fill="#8c6445" d="M1 8h30v4H1z" />
<path fill="#815c3f" d="M1 10h30v2H1z" />
<path fill="#c3a684" d="M29.824 14 30 12H2l.176 2z" />
<path
d="M55 55a9 9 0 0 0 0-18 8.65 8.65 0 0 0-1 .066V36c0-5.059-12.655-10-20-10a1 1 0 0 0-1 1c0 1.33-1.613 2.296-3.594 3.105L30.916 13H31a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.153l-.86-5.165A1 1 0 0 0 29 1H3a1 1 0 0 0-.986.835L1.153 7H1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h.084l2.92 33.088A1 1 0 0 0 5 47h15.384a19.752 19.752 0 0 0 5.921 10H16a1 1 0 0 0-.97 1.243l.243.969A4.992 4.992 0 0 0 20.123 63h33.754a4.992 4.992 0 0 0 4.85-3.787l.243-.97A1 1 0 0 0 58 57H47.694a23.127 23.127 0 0 0 2.82-3.212A8.891 8.891 0 0 0 55 55zm-1-11.466v-.306A2.678 2.678 0 0 1 55 43a3 3 0 0 1 0 6 2.894 2.894 0 0 1-1.747-.629A16.308 16.308 0 0 0 54 43.534zm-1.462 6.742A4.82 4.82 0 0 0 55 51a5 5 0 0 0 0-10 4.53 4.53 0 0 0-1 .125v-2.043A6.995 6.995 0 1 1 55 53a6.902 6.902 0 0 1-3.393-.9 18.75 18.75 0 0 0 .93-1.824zM34.862 28.02c6.808.308 15.068 4.128 16.794 6.98H31a1 1 0 0 0-1 1v8a1 1 0 0 1-2 0v-8a1 1 0 0 0-1-1h-4.314a19.488 19.488 0 0 1 4.597-1.992c3.227-1.11 6.838-2.353 7.58-4.988zM3.847 3h24.306l.667 4H3.18zM2 9h28v2H2zm1.092 4h25.816l-.706 8h-3.734a10.964 10.964 0 0 0-16.936 0H3.798zm2.823 32-.882-10h2.5A10.853 10.853 0 0 0 20 38.215v5.32c0 .49.03.978.075 1.465zM20 36v.015a8.848 8.848 0 0 1-11.184-2.617A1 1 0 0 0 8.017 33h-3.16l-.883-10h4.043a1 1 0 0 0 .8-.399 8.966 8.966 0 0 1 14.367 0 1 1 0 0 0 .799.399h4.042l-.695 7.875-.698.242C23.222 32.29 20 33.398 20 36zm36.705 23a2.994 2.994 0 0 1-2.828 2H20.123a2.995 2.995 0 0 1-2.828-2zm-12.059-2H29.354C24.612 53.234 22 48.465 22 43.534V37h4v7a3 3 0 0 0 6 0v-7h20v6.534c0 4.931-2.612 9.7-7.354 13.466z"
/>
<path
d="M16 21c-2.804 0-5 3.075-5 7s2.196 7 5 7 5-3.075 5-7-2.196-7-5-7zm-.597 11.896C14.05 32.419 13 30.37 13 28a6.447 6.447 0 0 1 1.303-4.087 6.456 6.456 0 0 0-.1 1.582 7.448 7.448 0 0 0 .897 2.94 5.57 5.57 0 0 1 .702 2.203 5.152 5.152 0 0 1-.4 2.258zm2.297-.813a6.451 6.451 0 0 0 .097-1.578 7.463 7.463 0 0 0-.898-2.943 5.56 5.56 0 0 1-.701-2.2 5.15 5.15 0 0 1 .4-2.258C17.947 23.581 19 25.63 19 28a6.45 6.45 0 0 1-1.3 4.083z"
/>
</svg>
More icons in the same style and category