Add icons to this collection by clicking the heart icon.
Macchiato icon - also known as hot drink, coffee shop, coffee cup, milk, food and restaurant, and macchiato. Created in a clean flat 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 512 512"
>
<path
fill="#8ac9fe"
d="M401.791 69.865v83.743c0 15.659-1.02 28.679-2.751 39.814l-153.96 30.909-132.121-30.907c-1.731-11.136-2.751-24.155-2.751-39.814V69.865a10.293 10.293 0 0 1 10.302-10.302h270.979a10.294 10.294 0 0 1 10.302 10.302z"
/>
<path
fill="#ebebeb"
d="m323.827 168.954-20.872.702c-3.492 0-7.016-1.77-7.016-5.262l-2.982-7.191c0-17.735-10.153-25.783-27.888-25.783l-27.713-.351c-11.174 0-21.786-9.764-17.715-20.171l2.982-7.191c.949-2.426.298-1.73-2.28-2.105-2.328-.338-3.168-1.683-5.613-1.579-2.466.105-4.171-3.387-6.496-2.825-16.594 4.01-29.009 19.065-29.118 36.686a37.856 37.856 0 0 0 2.582 14.017c1.122 2.877.273 6.155-2.126 8.1-9.466 7.673-15.53 19.379-15.569 32.505-.031 10.314 8.34 18.754 18.654 18.754h179.416l-4.22-5.506c.001-21.018-13.009-32.8-34.026-32.8z"
/>
<path
fill="#d1d1d1"
d="M324.019 164.312h-18.62a6.323 6.323 0 0 1-6.322-6.322v-.664c0-17.735-14.377-32.113-32.113-32.113h-26.996c-11.174 0-18.848-11.242-14.778-21.649l.606-1.548c.949-2.426-.617-5.094-3.195-5.469a38.486 38.486 0 0 0-7.17-.361 37.355 37.355 0 0 0-7.196 1.015c1.504 1.016 2.222 2.984 1.505 4.815l-.605 1.548c-7.005 17.988 3.809 36.22 19.889 36.22h19.453c17.735 0 33.24 13.347 33.24 31.082v.664a6.322 6.322 0 0 0 6.322 6.322h21.711c22.202 0 36.384 10.138 37.911 29.407h14.413v-4.893c0-21.017-17.038-38.054-38.055-38.054z"
/>
<path
fill="#60b7ff"
d="M401.791 69.865v83.743c0 15.659-1.02 28.679-2.751 39.814h-28.679c1.607-11.136 2.544-24.155 2.544-39.814V69.865c0-5.697-4.255-10.302-9.509-10.302h28.093a10.294 10.294 0 0 1 10.302 10.302z"
/>
<path
fill="#fccd7f"
d="M399.041 193.423H112.959c3.278 21.111 9.103 35.474 15.369 48.246 2.089 4.257 36.606 10.236 38.715 14.33l183.286 4.316c1.974-3.831 30.978-13.865 32.938-17.828 6.42-12.977 12.426-27.5 15.774-49.064z"
/>
<path
fill="#fea95c"
d="M370.361 193.423c-4.034 28.148-12.245 44.302-20.031 60.677l32.938-11.612c6.419-12.978 12.424-27.501 15.773-49.064h-28.68z"
/>
<path
fill="#935b44"
d="M383.268 242.488H128.732c8.659 17.498 18.069 32.189 22.718 57.56 6.685 36.483 6.012 125.367 6.012 125.367h197.077s-.673-88.884 6.012-125.367c4.648-25.372 14.058-40.062 22.717-57.56z"
/>
<path
fill="#7f4c3c"
d="M360.55 300.047c4.649-25.371 14.058-40.062 22.717-57.56h-27.462c-7.992 17.498-16.676 32.189-20.966 57.56-6.17 36.482-5.549 125.367-5.549 125.367h25.248s-.673-88.884 6.012-125.367z"
/>
<path
fill="#ebebeb"
d="M5.158 407.673c-3.138 0-5.521 2.776-5.112 5.887 2.882 21.94 21.653 38.877 44.38 38.877h423.148c22.727 0 41.498-16.937 44.38-38.877.409-3.111-1.974-5.887-5.112-5.887z"
/>
<path
fill="#d1d1d1"
d="M506.842 407.673h-23.694c3.138 0 5.521 2.776 5.112 5.887-2.882 21.94-21.653 38.877-44.38 38.877h23.694c22.727 0 41.498-16.936 44.38-38.877.409-3.111-1.974-5.887-5.112-5.887z"
/>
</svg>
More icons in the same style and category