Add icons to this collection by clicking the heart icon.
Latte icon - also known as cup, drink, coffee, heart, beverage, hot, caffeine, cafe, latte, and food and restaurant. Created in a clean lineal color style with a silver, gray, black, teal, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-44.829c-12.792 0-23.162-10.37-23.162-23.162v-38.533h91.153v38.533C23.162-10.37 12.792 0 0 0"
transform="translate(210.061 504.5)"
fill="#dcdcdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a23.06 23.06 0 0 1-9.537 2.056h-44.829c-12.791 0-23.161-10.37-23.161-23.162v-38.533h30.872C-33.413-37.597-17.711-17.562 0 0"
transform="translate(219.598 502.444)"
fill="#cececc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.531 22.205-25.474 37.79-48.357 37.79h-227.859c-22.884 0-42.826-15.585-48.357-37.79l-6.252-25.096 178.946-41.781L6.252-25.096z"
transform="translate(418.287 424.716)"
fill="#60d9a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-195.527-41.78 40.837-258.027c4.606-29.102 29.694-50.532 59.159-50.532H74.715c29.465 0 54.554 21.43 59.16 50.532L174.711-41.78z"
transform="translate(266.408 357.839)"
fill="#ed9b83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 20.34 1.765 40.217 5.096 59.469l-60.005-12.822 40.837-258.026c4.606-29.102 29.695-50.532 59.159-50.532h82.741C50.924-206.482 0-109.892 0 0"
transform="translate(125.79 269.411)"
fill="#e7886e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.735c-22.884 0-42.827-15.584-48.357-37.789l-6.252-25.097 58.513-13.661C-29.816-48.829-16.345-23.088 0 0"
transform="translate(185.806 462.505)"
fill="#00cd8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.92 15.735C-9.322 37.422-28.8 52.644-51.149 52.644h-337.078c-22.349 0-41.827-15.222-47.229-36.909L-439.376 0c-3.913-15.71 7.971-30.917 24.161-30.917h391.054C-7.971-30.917 3.913-15.71 0 0"
transform="translate(475.688 346.976)"
fill="#dcdcdc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-292.798c-20.774 0-36.632-18.564-33.384-39.084l12.79-80.812c2.6-16.423 16.757-28.516 33.385-28.516h267.222c16.628 0 30.786 12.095 33.385 28.518l12.785 80.812C36.631-18.563 20.773 0 0 0"
transform="translate(402.395 254.844)"
fill="#60d9a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.505C-37.28 0-53.137-18.565-49.89-39.084l12.791-80.812c2.599-16.423 16.757-28.516 33.384-28.516h44.571C16.888-104.876 2.235-54.252 0 0"
transform="translate(126.103 254.844)"
fill="#00cd8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.793c-22.35 0-41.828-15.221-47.23-36.908l-3.92-15.735c-3.913-15.71 7.971-30.918 24.161-30.918h68.429C-18.402-54.158-10.766-26.107 0 0"
transform="translate(151.255 399.62)"
fill="#cececc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.694"
transform="translate(163.917 204.452)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-17.694"
transform="translate(348.083 204.452)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c5.903-6.773 14.587-11.06 24.277-11.06 9.691 0 18.374 4.287 24.278 11.06"
transform="translate(231.723 187.284)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h270.138c16.191 0 28.075 15.208 24.161 30.917l-3.92 15.736C284.977 68.34 265.5 83.561 243.15 83.561H-93.927c-22.35 0-41.827-15.221-47.23-36.908l-3.919-15.736C-148.99 15.208-137.105 0-120.916 0H-30"
transform="translate(181.389 316.059)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-80.508l11.802-74.574c6.129 8.061 15.819 13.359 26.915 13.359h292.797c11.1 0 20.793-5.302 26.921-13.368L289.731 0H30"
transform="translate(151.389 316.059)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-267.222a33.696 33.696 0 0 0-19.288 6.051l8.617-54.45c4.606-29.103 29.695-50.533 59.16-50.533h170.246c29.465 0 54.553 21.43 59.159 50.533l8.619 54.451A33.707 33.707 0 0 0 0 0Z"
transform="translate(389.61 106.432)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-292.798c-20.774 0-36.632-18.565-33.384-39.084l12.79-80.812c2.6-16.423 16.757-28.516 33.385-28.516h267.222c16.628 0 30.786 12.094 33.385 28.518l12.785 80.812C36.631-18.563 20.773 0 0 0Z"
transform="translate(402.395 254.844)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v18.833c0 12.792-10.37 23.162-23.162 23.162h-44.829c-12.792 0-23.162-10.37-23.162-23.162V0z"
transform="translate(233.223 462.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-164.66c-22.883 0-42.826-15.584-48.357-37.789l-6.252-25.097h337.077l-6.251 25.097C106.025-15.584 86.083 0 63.199 0H30"
transform="translate(306.73 462.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category