Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, beverage, glass, hot drink, and food and restaurant. Created in a clean flat style with a white, silver, gray, maroon, and olive 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="#e6e6e6"
d="M46 5v17.42c0 .3-.01.61-.05.91-.62-.22-1.26-.33-1.95-.33-3.31 0-6 2.69-6 6 0-3.31-2.69-6-6-6s-6 2.69-6 6c0-3.31-2.69-6-6-6-.69 0-1.33.11-1.95.33-.04-.3-.05-.61-.05-.91V5c0 2.21 6.27 4 14 4s14-1.79 14-4z"
/>
<path
fill="#c1aeae"
d="M42.359 7.684c-1.116 5.226-1.121 10.616-1.106 15.987A5.965 5.965 0 0 1 44 23c.69 0 1.33.11 1.95.33.04-.3.05-.61.05-.91V5c0 1.035-1.386 1.974-3.641 2.684z"
/>
<path
fill="#995b3f"
d="M45.95 23.33a9.41 9.41 0 0 1-.45 2.17c-.33.99-.5 2.03-.5 3.08v26.7a2 2 0 0 1-1.7 1.98c-1.76.27-3.52.48-5.3.62V29c0-3.31 2.69-6 6-6 .69 0 1.33.11 1.95.33z"
/>
<path
fill="#9e7059"
d="M40 29c0-1.27.595-2.403 1.52-3.136.698-.553 1.755.035 1.618.914A11.906 11.906 0 0 0 43 28.58v25.834c0 .497-.37.924-.862.994-.342.049-.682.095-1.019.138A.997.997 0 0 1 40 54.551z"
/>
<path
fill="#995b3f"
d="M26 29v28.88c-1.78-.14-3.54-.35-5.3-.62a2 2 0 0 1-1.7-1.98v-26.7c0-1.05-.17-2.09-.5-3.08a9.41 9.41 0 0 1-.45-2.17c.62-.22 1.26-.33 1.95-.33 3.31 0 6 2.69 6 6z"
/>
<path
fill="#9e7059"
d="M22.881 55.548a81.578 81.578 0 0 1-1.015-.137 1.009 1.009 0 0 1-.863-.994L21 28.58c0-.604-.046-1.205-.138-1.799-.137-.881.922-1.47 1.62-.916A3.997 3.997 0 0 1 24 29v25.552a.999.999 0 0 1-1.119.996z"
/>
<path
fill="#8e4e35"
d="M38 29v28.88a75.023 75.023 0 0 1-12 0V29c0-3.31 2.69-6 6-6s6 2.69 6 6z"
/>
<path
fill="#995b3f"
d="M34 56h-4a1 1 0 0 1-1-1V30a3 3 0 1 1 6 0v25a1 1 0 0 1-1 1z"
/>
<path
fill="#8e4e35"
d="M44 23c-.99 0-1.923.245-2.747.671C41.272 30.612 41.314 37.52 39 44a12.184 12.184 0 0 1-1 2.187V57.88c1.78-.14 3.54-.35 5.3-.62a2 2 0 0 0 1.7-1.98v-26.7c0-1.05.17-2.09.5-3.08.23-.7.39-1.43.45-2.17-.62-.22-1.26-.33-1.95-.33z"
/>
<path
fill="#995b3f"
d="M41.52 25.864c-.097.077-.174.175-.264.261-.006 4.905-.147 9.769-1.256 14.455v13.972a.999.999 0 0 0 1.119.996c.337-.043.677-.089 1.019-.138.492-.072.862-.499.862-.996V28.58c0-.605.047-1.208.139-1.802.136-.88-.921-1.467-1.619-.914z"
/>
<path
fill="#8e4e35"
d="M19 53.274v2.005a2 2 0 0 0 1.7 1.98c1.76.27 3.52.48 5.3.62v-4.893c-2.245.304-4.616.375-7 .288z"
/>
<path
fill="#995b3f"
d="M21.004 54.417c0 .497.37.924.863.994.341.048.679.094 1.015.137A.999.999 0 0 0 24 54.552v-1.359c-.985.074-1.986.111-2.996.114z"
/>
<path
fill="#7a3c29"
d="M26 52.987v4.893a75.023 75.023 0 0 0 12 0V46.187c-2.361 4.144-6.83 6.102-12 6.8z"
/>
<path
fill="#8e4e35"
d="M29 55a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-5.37c-1.691 1.303-3.737 2.196-6 2.773z"
/>
<path
fill="#e6e6e6"
d="M38 57.88c1.78-.14 3.54-.35 5.3-.62a2 2 0 0 0 1.7-1.98v-7.54C55.63 49 63 51.78 63 55c0 4.42-13.88 8-31 8S1 59.42 1 55c0-3.22 7.37-6 18-7.26v7.54a2 2 0 0 0 1.7 1.98c1.76.27 3.52.48 5.3.62a75.023 75.023 0 0 0 12 0z"
/>
<ellipse cx="32" cy="5" fill="#e6e6e6" rx="14" ry="4" />
<path
fill="#c1aeae"
d="M46 5c0 2.21-6.27 4-14 4-6.64 0-12.21-1.32-13.64-3.1C20.87 6.58 24.27 7 28 7c7.73 0 14-1.79 14-4 0-.31-.12-.61-.36-.9C44.33 2.83 46 3.86 46 5zM47 48v9.28a2 2 0 0 1-1.7 1.98c-1.76.27-3.52.48-5.3.62a75.023 75.023 0 0 1-12 0c-1.78-.14-3.54-.35-5.3-.62-.97-.15-1.69-.98-1.7-1.96 1.66.25 3.32.45 5 .58a75.023 75.023 0 0 0 12 0c1.78-.14 3.54-.35 5.3-.62a2 2 0 0 0 1.7-1.98v-7.54c.68.08 1.34.17 2 .26z"
/>
<path
fill="#fff"
d="M22.413 10.753c-.26-.26-.687-.456-1.061-.439-.388.017-.79.145-1.061.439-.269.293-.439.654-.439 1.061v3.283c0 .385.167.789.439 1.061.26.26.687.456 1.061.439.388-.017.79-.145 1.061-.439.269-.293.439-.654.439-1.061v-3.283c0-.385-.167-.789-.439-1.061z"
/>
<path
fill="#9e7059"
d="M29 5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2zM33 7h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2zM38 6h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z"
/>
</svg>
More icons in the same style and category