Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, hot drink, coffee shop, coffee cup, mug, hot coffee, food and restaurant, whipped cream, and coffee cream. Created in a clean lineal color style with a white, silver, gray, maroon, 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="#b9d5ee"
d="M43 46h6a10 10 0 0 0 10-10 10 10 0 0 0-10-10h-5v4h5a6 6 0 0 1 6 6 6 6 0 0 1-6 6h-6z"
/>
<path
fill="#d8e6f1"
d="M42 57H15l-.047-.212A166.017 166.017 0 0 1 11 20.778V18h35v2.778a166.017 166.017 0 0 1-3.953 36.01z"
/>
<path
fill="#683f21"
d="M42 18v4a162.3 162.3 0 0 1-3.232 31H18.237a162.312 162.312 0 0 1-3.232-31L15 21v-3z"
/>
<path fill="#b9d5ee" d="M3 53h58v4H3z" />
<path fill="#9bccea" d="M58 61H6l-1-4h54z" />
<path
fill="#af7e52"
d="m20.269 53-.161-.27a2.655 2.655 0 0 1 1.516-3.9l.01-.2a2.654 2.654 0 0 1 3.525-2.38l.014.005.054-.074a2.654 2.654 0 0 1 4.277 0l.055.074.014-.005a2.654 2.654 0 0 1 3.525 2.38l.01.2a2.655 2.655 0 0 1 1.516 3.9l-.161.27z"
/>
<path
fill="#f9d7aa"
d="M42 20.778V18H15v2.778q0 2.112.045 4.222h26.91Q42 22.89 42 20.778z"
/>
<path
fill="#f2f2f2"
d="M44.988 16a5 5 0 0 0-5-5 5 5 0 0 0-5-5 4.946 4.946 0 0 0-1.345.206 4.974 4.974 0 0 0-9.416.345A4.965 4.965 0 0 0 16.988 11a5 5 0 0 0-4.588 7h2.584v12a2 2 0 0 0 4 0v-6a2 2 0 0 1 4 0v1a2 2 0 0 0 4 0v-7h17.588a4.975 4.975 0 0 0 .416-2z"
/>
<g fill="#683f21">
<path
d="M24 14a1 1 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414l2 2A1 1 0 0 1 24 14zM29 16a1 1 0 0 1-.707-1.707l2-2a1 1 0 0 1 1.414 1.414l-2 2A1 1 0 0 1 29 16zM37 14a1 1 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414l2 2A1 1 0 0 1 37 14z"
/>
</g>
<path
fill="#f9d7aa"
d="m6.9 53-.161-.27a2.655 2.655 0 0 1 1.516-3.9l.01-.2a2.654 2.654 0 0 1 3.525-2.38l.014.005.054-.074a2.655 2.655 0 0 1 4.278 0l.054.074.014-.005a2.654 2.654 0 0 1 3.525 2.38l.01.2a2.655 2.655 0 0 1 1.516 3.9L21.1 53z"
/>
<path
d="M61 52H44.045q.474-2.492.871-5H49a11 11 0 0 0 0-22h-2.055Q47 22.888 47 20.778V18a1 1 0 0 0-1-1h-.09a5.962 5.962 0 0 0-4.981-6.928A6.012 6.012 0 0 0 35 5a5.235 5.235 0 0 0-.781.06 5.972 5.972 0 0 0-10.532.194A5.755 5.755 0 0 0 22 5a6.012 6.012 0 0 0-5.929 5.072A5.962 5.962 0 0 0 11.09 17H11a1 1 0 0 0-1 1v2.778c0 1.329.022 2.661.054 3.993v.273A167.672 167.672 0 0 0 11.756 44.9a3.6 3.6 0 0 0-.3.237 3.66 3.66 0 0 0-4.14 3A3.6 3.6 0 0 0 5.442 52H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.22l.81 3.243A1 1 0 0 0 6 62h39a1 1 0 0 0 0-2H6.781l-.5-2h51.438l-.5 2H53a1 1 0 0 0 0 2h5a1 1 0 0 0 .97-.757L59.78 58H61a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-21.029 0a163.591 163.591 0 0 0 2.944-26h1.991a165.4 165.4 0 0 1-2.895 26zm-4.047 0a3.6 3.6 0 0 0-1.874-3.863 3.65 3.65 0 0 0-4.124-3 3.615 3.615 0 0 0-2.56-1.044 3.6 3.6 0 0 0-2.544 1.041 3.658 3.658 0 0 0-4.138 3 3.622 3.622 0 0 0-1.557-2.409 3.659 3.659 0 0 0-1.257-.541 164.279 164.279 0 0 1-1.4-12.235A3.057 3.057 0 0 0 17 33a3 3 0 0 0 3-3v-4h2.184a2.982 2.982 0 0 0 5.632 0h13.1a161.45 161.45 0 0 1-2.978 26zm-13.366 0a3.624 3.624 0 0 0-.174-1.954 3.683 3.683 0 0 0-.2-.393 1 1 0 0 0 .434-.777l.01-.2a1.654 1.654 0 0 1 2.2-1.481 1.115 1.115 0 0 0 1.2-.424 1.676 1.676 0 0 1 2.722.075 1.015 1.015 0 0 0 1.146.346 1.655 1.655 0 0 1 2.2 1.484l.009.2a1 1 0 0 0 .711.91A1.639 1.639 0 0 1 33.864 52zM12 20.778V19h2v5h-1.965Q12 22.389 12 20.778zM20 24a1 1 0 0 1 2 0zm24.584-5H45v1.778c0 1.073-.018 2.148-.04 3.222h-2c.013-.666.034-1.333.039-2v-3zm2.089 12H49a5 5 0 0 1 0 10h-3.232c.405-3.323.7-6.66.905-10zM41 21.992c0 .669-.026 1.339-.039 2.008H28v-5h13zM49 27a9 9 0 0 1 0 18h-3.769c.1-.665.181-1.333.27-2H49a7 7 0 0 0 0-14h-2.2c.032-.667.05-1.333.075-2zM13 16a4 4 0 0 1 4-4 1 1 0 0 0 1-1 4 4 0 0 1 4-4 3.935 3.935 0 0 1 1.787.444 1 1 0 0 0 1.408-.6 3.975 3.975 0 0 1 7.527-.277 1 1 0 0 0 1.2.6A3.948 3.948 0 0 1 35 7a4 4 0 0 1 4 4 1 1 0 0 0 1 1 4.007 4.007 0 0 1 3.875 5H27a1 1 0 0 0-1 1v7a1 1 0 0 1-2 0v-1a3 3 0 0 0-6 0v6a1 1 0 0 1-2 0V18a1 1 0 0 0-1-1h-1.875A4.024 4.024 0 0 1 13 16zm-.911 10H14v4a2.955 2.955 0 0 0 .349 1.374c.287 4.4.766 8.831 1.41 13.2a3.737 3.737 0 0 0-2.088-.418A165.671 165.671 0 0 1 12.089 26zm-4.61 24.771a1.648 1.648 0 0 1 1.067-.985 1 1 0 0 0 .711-.91l.01-.2a1.654 1.654 0 0 1 2.2-1.481 1.119 1.119 0 0 0 1.2-.423 1.675 1.675 0 0 1 2.722.074 1.016 1.016 0 0 0 1.147.346 1.655 1.655 0 0 1 2.2 1.484l.01.2a1 1 0 0 0 .711.91A1.654 1.654 0 0 1 20.509 52H7.491a1.643 1.643 0 0 1-.012-1.229zM60 56H4v-2h38.783c.02 0 .04.006.06.006s.022-.006.033-.006H60z"
/>
<path
d="M23.293 13.707a1 1 0 0 0 1.414-1.414l-2-2a1 1 0 0 0-1.414 1.414zM29 16a1 1 0 0 0 .707-.293l2-2a1 1 0 0 0-1.414-1.414l-2 2A1 1 0 0 0 29 16zM36.293 13.707a1 1 0 0 0 1.414-1.414l-2-2a1 1 0 0 0-1.414 1.414z"
/>
<circle cx="49" cy="61" r="1" />
</svg>
More icons in the same style and category