Add icons to this collection by clicking the heart icon.
Cappuccino icon - also known as hot drink, coffee shop, coffee cup, cappuccino, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, olive, orange, 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="#e2e7f6"
d="M16 24h32a2 2 0 0 1 2 2v10a18 18 0 0 1-18 18 18 18 0 0 1-18-18V26a2 2 0 0 1 2-2z"
/>
<path
fill="#f7f7f7"
d="M46.975 24H16a2 2 0 0 0-2 2v10a18.021 18.021 0 0 0 .483 4.084A20.46 20.46 0 0 0 46.975 24z"
/>
<path
fill="#f0ae42"
d="M14 34v2a17.941 17.941 0 0 0 .719 5h34.562A17.941 17.941 0 0 0 50 36v-2z"
/>
<path
fill="#f9d266"
d="M14 34v2a17.811 17.811 0 0 0 .487 4.087c.446.323.9.626 1.376.913h21.274a20.566 20.566 0 0 0 6.946-7z"
/>
<circle cx="32" cy="38" r="8" fill="#d5883e" />
<path
fill="#f3a748"
d="M32 30a7.992 7.992 0 0 0-5.291 13.989 20.393 20.393 0 0 0 13.228-5.031A7.958 7.958 0 0 0 32 30z"
/>
<rect width="60" height="4" x="2" y="54" fill="#686868" rx="2" />
<path fill="#c1c1c1" d="m8 58 5 4h38l5-4z" />
<path
fill="#727271"
d="M58.5 29.5a5.122 5.122 0 0 0-3.621-1.5H50v4h4a2 2 0 0 1 2 2v6a3 3 0 0 1-3 3h-4.412a17.982 17.982 0 0 1-2.362 4h6.859A6.916 6.916 0 0 0 60 40.085v-6.964a5.122 5.122 0 0 0-1.5-3.621z"
/>
<path
fill="#e1ac79"
d="M47 24v-1a3 3 0 0 0-3-3h-1.277A1.988 1.988 0 0 0 41 17h-2.127a4.42 4.42 0 0 0-2.658-3.114 7.678 7.678 0 0 1-3.538-2.871L32 10l-.677 1.015a7.678 7.678 0 0 1-3.538 2.871A4.42 4.42 0 0 0 25.127 17H23a1.988 1.988 0 0 0-1.723 3H20a3 3 0 0 0-3 3v1z"
/>
<path fill="#8f5d32" d="M28 19h2v2h-2zM34 19h2v2h-2zM30 16h2v2h-2z" />
<g fill="#f2d3a9">
<path
d="m20.555 14.832-1.11-1.664L21.2 12a1.8 1.8 0 0 0 0-3l-.5-.336a3.8 3.8 0 0 1 0-6.328l1.752-1.168 1.11 1.664L21.8 4a1.8 1.8 0 0 0 0 3l.5.336a3.8 3.8 0 0 1 0 6.328zM13.555 14.832l-1.11-1.664L14.2 12a1.8 1.8 0 0 0 0-3l-.5-.336a3.8 3.8 0 0 1 0-6.328l1.752-1.168 1.11 1.664L14.8 4a1.8 1.8 0 0 0 0 3l.5.336a3.8 3.8 0 0 1 0 6.328zM48.555 14.832l-1.11-1.664L49.2 12a1.8 1.8 0 0 0 0-3l-.5-.336a3.8 3.8 0 0 1 0-6.328l1.752-1.168 1.11 1.664L49.8 4a1.8 1.8 0 0 0 0 3l.5.336a3.8 3.8 0 0 1 0 6.328zM41.555 14.832l-1.11-1.664L42.2 12a1.8 1.8 0 0 0 0-3l-.5-.336a3.8 3.8 0 0 1 0-6.328l1.752-1.168 1.11 1.664L42.8 4a1.8 1.8 0 0 0 0 3l.5.336a3.8 3.8 0 0 1 0 6.328z"
/>
</g>
<path fill="#8f5d32" d="M29 35h6v2h-6zM29 39h6v2h-6z" />
<path
d="M60 53H40.434a19.1 19.1 0 0 0 6.281-5h6.369A7.915 7.915 0 0 0 61 40.084v-6.963A6.122 6.122 0 0 0 54.879 27H51v-1a3 3 0 0 0-3-3 4 4 0 0 0-4-4 3 3 0 0 0-3-3h-1.394a5.411 5.411 0 0 0-3.02-3.042 6.652 6.652 0 0 1-3.077-2.5l-.677-1.015a1.039 1.039 0 0 0-1.664 0l-.677 1.015a6.649 6.649 0 0 1-3.077 2.5A5.416 5.416 0 0 0 24.394 16H23a3 3 0 0 0-3 3 4 4 0 0 0-4 4 3 3 0 0 0-3 3v10a19 19 0 0 0 10.566 17H4a3 3 0 0 0 0 6h3.65l4.725 3.781A1 1 0 0 0 13 63h38a1 1 0 0 0 .625-.219L56.35 59H60a3 3 0 0 0 0-6zm-5.121-24A4.121 4.121 0 0 1 59 33.121v6.963A5.915 5.915 0 0 1 53.084 46h-4.959a19.071 19.071 0 0 0 1.085-2H53a4 4 0 0 0 4-4v-6a3 3 0 0 0-3-3h-3v-2zM23.232 40H15.5a16.912 16.912 0 0 1-.5-4v-1h8.525a8.8 8.8 0 0 0-.293 5zM32 31a7 7 0 1 1-7 7 7.008 7.008 0 0 1 7-7zm8.475 4H49v1a16.912 16.912 0 0 1-.495 4h-7.737a8.8 8.8 0 0 0-.293-5zM51 33h3a1 1 0 0 1 1 1v6a2 2 0 0 1-2 2h-2.986A18.891 18.891 0 0 0 51 36zM20 21h1.277a1 1 0 0 0 .865-1.5A.984.984 0 0 1 22 19a1 1 0 0 1 1-1h2.127a1 1 0 0 0 .974-.773 3.427 3.427 0 0 1 2.056-2.413A8.639 8.639 0 0 0 32 11.8a8.641 8.641 0 0 0 3.844 3.019 3.43 3.43 0 0 1 2.056 2.408 1 1 0 0 0 .974.773H41a1 1 0 0 1 1 1 .984.984 0 0 1-.142.5 1 1 0 0 0 .865 1.5H44a2 2 0 0 1 2 2H18a2 2 0 0 1 2-2zm-4 4h32a1 1 0 0 1 1 1v7h-9.522a8.99 8.99 0 0 0-14.956 0H15v-7a1 1 0 0 1 1-1zm.114 17h7.836a8.98 8.98 0 0 0 16.1 0h7.836a16.971 16.971 0 0 1-31.772 0zm34.535 19h-37.3l-2.5-2h42.3zM60 57H4a1 1 0 0 1 0-2h56a1 1 0 0 1 0 2z"
/>
<path
d="M28 19h2v2h-2zM34 19h2v2h-2zM30 16h2v2h-2zM20.693 8.664 21.2 9a1.8 1.8 0 0 1 0 3l-1.752 1.168 1.11 1.664 1.752-1.168a3.8 3.8 0 0 0 0-6.328L21.8 7a1.8 1.8 0 0 1 0-3l1.752-1.168-1.11-1.664-1.749 1.168a3.8 3.8 0 0 0 0 6.328zM13.693 8.664 14.2 9a1.8 1.8 0 0 1 0 3l-1.752 1.168 1.11 1.664 1.752-1.168a3.8 3.8 0 0 0 0-6.328L14.8 7a1.8 1.8 0 0 1 0-3l1.752-1.168-1.11-1.664-1.749 1.168a3.8 3.8 0 0 0 0 6.328zM48.693 8.664 49.2 9a1.8 1.8 0 0 1 0 3l-1.752 1.168 1.11 1.664 1.752-1.168a3.8 3.8 0 0 0 0-6.328L49.8 7a1.8 1.8 0 0 1 0-3l1.752-1.168-1.11-1.664-1.749 1.168a3.8 3.8 0 0 0 0 6.328zM41.693 8.664 42.2 9a1.8 1.8 0 0 1 0 3l-1.752 1.168 1.11 1.664 1.752-1.168a3.8 3.8 0 0 0 0-6.328L42.8 7a1.8 1.8 0 0 1 0-3l1.752-1.168-1.11-1.664-1.749 1.168a3.8 3.8 0 0 0 0 6.328zM29 35h6v2h-6zM29 39h6v2h-6z"
/>
</svg>
More icons in the same style and category