Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, coffee cup, mug, chocolate, tea cup, and food and restaurant. Created in a clean lineal color style with a silver and gray 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="#4c4b4c"
d="M52 34h5a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5h-7 .001a9.96 9.96 0 0 0 1.799-4H56a2 2 0 0 0 2-2V40a2 2 0 0 0-2-2h-4z"
/>
<path
fill="#979598"
d="M42 62h-6c-5.523 0-10-4.477-10-10V30h26v22c0 5.523-4.477 10-10 10z"
/>
<path
fill="#c9c6ca"
d="M49 52V30H26v22c0 5.523 4.477 10 10 10h3c5.523 0 10-4.477 10-10z"
/>
<path fill="#717072" d="M2 2h20v4H2z" />
<path fill="#979598" d="M2 2h17v4H2z" />
<path fill="#717072" d="M29 2h18v4H29z" />
<path fill="#979598" d="M29 2h15v4H29zM31 6v3a7 7 0 1 0 14 0V6z" />
<path
fill="#c9c6ca"
d="M36.5 15.835A7 7 0 0 0 42 9V6H31v3a7 7 0 0 0 5.5 6.835z"
/>
<g fill="#e3aa75">
<path
d="M32 13v9.117c0 1.072.895 1.941 2 1.941s2-.869 2-1.941.895-1.941 2-1.941 2 .869 2 1.941v1.941c0 1.073.895 1.942 2 1.942s2-.869 2-1.941V13c-1.225 1.973-3.454 3.293-6 3.293-2.547 0-4.775-1.32-6-3.293z"
/>
<ellipse cx="14" cy="23" rx="8" ry="11" />
<ellipse cx="10" cy="51" rx="8" ry="11" />
</g>
<path
d="M42 63h-6c-6.065 0-11-4.935-11-11V30a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v22c0 6.065-4.935 11-11 11zM27 31v21c0 4.963 4.037 9 9 9h6c4.963 0 9-4.037 9-9V31z"
/>
<path
d="M56 55h-4v-2h4a1 1 0 0 0 1-1V40a1 1 0 0 0-1-1h-4v-2h4c1.654 0 3 1.346 3 3v12c0 1.654-1.346 3-3 3z"
/>
<path
d="M57 59h-7v-2h7c2.206 0 4-1.794 4-4V39c0-2.206-1.794-4-4-4h-5v-2h5c3.309 0 6 2.691 6 6v14c0 3.309-2.691 6-6 6z"
/>
<path
d="M26 35h26v2H26zM47 39h2v8h-2zM47 49h2v2h-2zM22 7H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zM3 5h18V3H3zM47 7H29a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zM30 5h16V3H30z"
/>
<path
d="M22 3h7v2h-7zM38 17c-4.411 0-8-3.589-8-8V6h2v3c0 3.309 2.691 6 6 6s6-2.691 6-6V6h2v3c0 4.411-3.589 8-8 8z"
/>
<path
d="M42 27c-1.654 0-3-1.346-3-3v-2a1.001 1.001 0 0 0-2 0c0 1.654-1.346 3-3 3s-3-1.346-3-3v-9.393h2V22a1.001 1.001 0 0 0 2 0c0-1.654 1.346-3 3-3s3 1.346 3 3v2a1.001 1.001 0 0 0 2 0V12.607h2V24c0 1.654-1.346 3-3 3zM8.241 62.173l-1.414-1.414 3.052-3.052C10.592 56.994 11 56.008 11 55s-.408-1.994-1.121-2.707l-1.172-1.172C7.622 50.036 7 48.534 7 47s.622-3.036 1.707-4.121l3.052-3.052 1.414 1.414-3.052 3.052C9.408 45.006 9 45.992 9 47s.408 1.994 1.121 2.707l1.172 1.172C12.378 51.964 13 53.466 13 55s-.622 3.036-1.707 4.121z"
/>
<path
d="M10 63c-4.963 0-9-5.383-9-12s4.037-12 9-12 9 5.383 9 12-4.037 12-9 12zm0-22c-3.859 0-7 4.486-7 10s3.141 10 7 10 7-4.486 7-10-3.141-10-7-10zM12.241 34.173l-1.414-1.414 3.052-3.052C14.602 28.984 15 28.022 15 27s-.398-1.984-1.121-2.707l-1.172-1.172C11.606 22.021 11 20.557 11 19s.606-3.021 1.707-4.121l3.052-3.052 1.414 1.414-3.052 3.052C13.398 17.016 13 17.978 13 19s.398 1.984 1.121 2.707l1.172 1.172C16.394 23.979 17 25.443 17 27s-.606 3.021-1.707 4.121z"
/>
<path
d="M14 35c-4.963 0-9-5.383-9-12s4.037-12 9-12 9 5.383 9 12-4.037 12-9 12zm0-22c-3.859 0-7 4.486-7 10s3.141 10 7 10 7-4.486 7-10-3.141-10-7-10z"
/>
</svg>
More icons in the same style and category