Add icons to this collection by clicking the heart icon.
Cappuccino icon - also known as hot drink, coffee shop, coffee cup, hot beverage, mug, coffee mug, hot coffee, cappuccino, and food and restaurant. 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 520 520"
>
<path
fill="#edebf2"
d="M428 156v222.161A99.993 99.993 0 0 1 418.88 420H101.12A99.993 99.993 0 0 1 92 378.161V156a31.991 31.991 0 0 1 32-32h272a31.991 31.991 0 0 1 32 32z"
/>
<path
fill="#edebf2"
d="M516 188v112a63.982 63.982 0 0 1-64 64h-24v-32h24a31.992 31.992 0 0 0 32-32v-80h-56v-32z"
/>
<path
fill="#f29b75"
d="M396 268v110.161A67.662 67.662 0 0 1 381.68 420H138.32A67.662 67.662 0 0 1 124 378.161V236c136 0 136 32 272 32z"
/>
<path
fill="#ffdec7"
d="M396 180v88c-136 0-136-32-272-32v-56a16.046 16.046 0 0 1 16-16h240a16.046 16.046 0 0 1 16 16z"
/>
<path fill="#dad7e5" d="m516 420.002-72 56H76l-72-56z" />
<path
fill="#c6c3d8"
d="m444 476-4.96 19.92A15.932 15.932 0 0 1 423.52 508H96.48a15.932 15.932 0 0 1-15.52-12.08L76 476z"
/>
<path
fill="#edebf2"
d="M200.758 91.037a8 8 0 0 1-3.227-10.844l6.93-12.8a5.264 5.264 0 0 0 .4-4.265 6.636 6.636 0 0 0-3.648-3.863 22.77 22.77 0 0 1-12.117-13.34 21.185 21.185 0 0 1 1.511-16.93l6.926-12.8A8 8 0 0 1 211.6 23.81l-6.926 12.8a5.268 5.268 0 0 0-.4 4.266 6.634 6.634 0 0 0 3.645 3.863 22.778 22.778 0 0 1 12.121 13.34 21.182 21.182 0 0 1-1.512 16.93L211.6 87.81a8 8 0 0 1-10.842 3.227zM256.191 91.037a8 8 0 0 1-3.226-10.844l6.93-12.8a5.264 5.264 0 0 0 .394-4.265 6.635 6.635 0 0 0-3.644-3.863 22.781 22.781 0 0 1-12.118-13.336A21.184 21.184 0 0 1 246.035 29l6.93-12.8a8 8 0 0 1 14.07 7.617l-6.93 12.8a5.266 5.266 0 0 0-.394 4.266 6.635 6.635 0 0 0 3.644 3.863 22.778 22.778 0 0 1 12.118 13.336 21.185 21.185 0 0 1-1.508 16.93l-6.93 12.8a8 8 0 0 1-10.844 3.225zM311.625 91.037a8 8 0 0 1-3.225-10.844l6.926-12.8a5.265 5.265 0 0 0 .4-4.265 6.634 6.634 0 0 0-3.645-3.863 22.783 22.783 0 0 1-12.121-13.34 21.182 21.182 0 0 1 1.512-16.93l6.929-12.8a8 8 0 0 1 14.071 7.617l-6.93 12.8a5.267 5.267 0 0 0-.4 4.266 6.636 6.636 0 0 0 3.648 3.863 22.765 22.765 0 0 1 12.117 13.34A21.186 21.186 0 0 1 329.4 75.01l-6.926 12.8a8 8 0 0 1-10.849 3.227z"
/>
<g fill="#edb996">
<path
d="M196 220a8.693 8.693 0 0 1-5.68-2.321A8.407 8.407 0 0 1 188 212a8.643 8.643 0 0 1 2.32-5.68 8.273 8.273 0 0 1 11.36 0A8 8 0 0 1 196 220zM236 228a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 236 228zM172 196a7.924 7.924 0 0 1-8-8 8.4 8.4 0 0 1 2.32-5.68 8.135 8.135 0 0 1 11.36 0A8 8 0 0 1 172 196zM156 220a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 156 220zM220 196a8.033 8.033 0 0 1-5.68-13.68c2.6-2.6 6.868-3.576 11.36 0a8.112 8.112 0 0 1 0 11.359A8.148 8.148 0 0 1 220 196zM260 196a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 260 196zM276 236a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 276 236zM316 244a8.033 8.033 0 1 1 8-8c0 2.482-.91 3.908-2.32 5.679A8.427 8.427 0 0 1 316 244zM292 204a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 292 204zM332 212a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 332 212zM364 204a8.419 8.419 0 0 1-5.68-2.321 8.112 8.112 0 0 1 0-11.359 8.182 8.182 0 0 1 11.36 0A8.672 8.672 0 0 1 372 196a8.426 8.426 0 0 1-2.32 5.679A8.71 8.71 0 0 1 364 204zM364 244a7.924 7.924 0 0 1-8-8 8.652 8.652 0 0 1 2.32-5.68 8.193 8.193 0 0 1 11.36 0A8.672 8.672 0 0 1 372 236a8.426 8.426 0 0 1-2.32 5.679A8.71 8.71 0 0 1 364 244z"
/>
</g>
<path
fill="#d7d2e2"
d="M428 156v222.161A99.993 99.993 0 0 1 418.88 420H260V124h136a31.991 31.991 0 0 1 32 32z"
/>
<path
fill="#d7d2e2"
d="M516 188v112a63.982 63.982 0 0 1-64 64h-24v-32h24a31.992 31.992 0 0 0 32-32v-80h-56v-32z"
/>
<path
fill="#ee8050"
d="M396 268v110.161A67.662 67.662 0 0 1 381.68 420H260V252c34 8 68 16 136 16z"
/>
<path
fill="#ffc69e"
d="M396 180v88c-68 0-102-8-136-16v-88h120a16.046 16.046 0 0 1 16 16z"
/>
<path fill="#c3bed5" d="m516 420.002-72 56H260v-56z" />
<path
fill="#afaac8"
d="m444 476-4.96 19.92A15.932 15.932 0 0 1 423.52 508H260v-32z"
/>
<path
fill="#d7d2e2"
d="M256.191 91.037a8 8 0 0 1-3.226-10.844l6.93-12.8a5.264 5.264 0 0 0 .394-4.265 6.635 6.635 0 0 0-3.644-3.863 22.781 22.781 0 0 1-12.118-13.336A21.184 21.184 0 0 1 246.035 29l6.93-12.8a8 8 0 0 1 14.07 7.617l-6.93 12.8a5.266 5.266 0 0 0-.394 4.266 6.635 6.635 0 0 0 3.644 3.863 22.778 22.778 0 0 1 12.118 13.336 21.185 21.185 0 0 1-1.508 16.93l-6.93 12.8a8 8 0 0 1-10.844 3.225zM311.625 91.037a8 8 0 0 1-3.225-10.844l6.926-12.8a5.265 5.265 0 0 0 .4-4.265 6.634 6.634 0 0 0-3.645-3.863 22.783 22.783 0 0 1-12.121-13.34 21.182 21.182 0 0 1 1.512-16.93l6.929-12.8a8 8 0 0 1 14.071 7.617l-6.93 12.8a5.267 5.267 0 0 0-.4 4.266 6.636 6.636 0 0 0 3.648 3.863 22.765 22.765 0 0 1 12.117 13.34A21.186 21.186 0 0 1 329.4 75.01l-6.926 12.8a8 8 0 0 1-10.849 3.227z"
/>
<path
fill="#e7a273"
d="M268 188a7.924 7.924 0 0 1-8 8v-15.92a7.977 7.977 0 0 1 5.68 2.24A8.412 8.412 0 0 1 268 188zM276 236a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 276 236zM316 244a8.033 8.033 0 1 1 8-8c0 2.482-.91 3.908-2.32 5.679A8.427 8.427 0 0 1 316 244zM292 204a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 292 204zM332 212a7.924 7.924 0 1 1 5.68-2.321A8.419 8.419 0 0 1 332 212zM364 204a8.419 8.419 0 0 1-5.68-2.321 8.112 8.112 0 0 1 0-11.359 8.182 8.182 0 0 1 11.36 0A8.672 8.672 0 0 1 372 196a8.426 8.426 0 0 1-2.32 5.679A8.71 8.71 0 0 1 364 204zM364 244a7.924 7.924 0 0 1-8-8 8.652 8.652 0 0 1 2.32-5.68 8.193 8.193 0 0 1 11.36 0A8.672 8.672 0 0 1 372 236a8.426 8.426 0 0 1-2.32 5.679A8.71 8.71 0 0 1 364 244z"
/>
</svg>
More icons in the same style and category