Add icons to this collection by clicking the heart icon.
Latte icon - also known as cup, coffee, heart, love, latte, food and restaurant, and latte art. Created in a clean flat gradient style with a 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient
id="c"
x1="207.19"
x2="207.19"
y1="451.826"
y2="60.174"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="450.435"
x2="450.435"
y1="288.668"
y2="223.357"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="207.19"
x2="207.19"
y1="418.96"
y2="93.04"
gradientUnits="userSpaceOnUse"
>
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient
id="f"
x1="207.19"
x2="207.19"
y1="373.347"
y2="195.779"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="207.19"
x2="207.19"
y1="277.143"
y2="177.271"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="207.19"
x2="207.19"
y1="216.048"
y2="138.637"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M402.981 256c0 108.187-87.639 195.826-195.826 195.826-108.118 0-195.757-87.639-195.757-195.826 0-108.118 87.639-195.826 195.757-195.826 108.187 0 195.826 87.708 195.826 195.826z"
/>
<path
fill="url(#d)"
d="M500.602 256.038c0 18.028-14.73 32.63-32.682 32.63h-67.653a198.73 198.73 0 0 0 2.706-32.682c0-11.137-.937-22.065-2.706-32.63h67.653c18.059.001 32.682 14.624 32.682 32.682z"
/>
<path
fill="url(#e)"
d="M370.121 256c0 90.03-72.931 162.96-162.96 162.96-89.972 0-162.903-72.93-162.903-162.96 0-89.973 72.931-162.96 162.903-162.96 90.03 0 162.96 72.987 162.96 162.96z"
/>
<path
fill="url(#f)"
d="M296.165 326.023c-18.167 27.56-49.706 46.69-82.52 47.293-2.141.039-10.485.039-12.503.012-32.95-.438-64.692-19.64-82.928-47.305-19.389-29.469-24.337-67.148-17.263-101.712 2.222-10.724 5.668-21.332 14.918-27.38 4.545-3.006 10.556.22 10.446 5.644-.183 12.095.037 24.154 2.383 35.993 2.895 14.808 9.42 29.359 20.819 39.292 7.88 6.854 17.63 11.142 27.05 15.65 9.456 4.509 18.986 9.457 25.95 17.264.695.78 1.357 1.587 1.984 2.422 1.333 1.775 4.018 1.829 5.345.049a36.967 36.967 0 0 1 2.018-2.471c6.964-7.807 16.494-12.755 25.95-17.264 9.42-4.508 19.17-8.796 27.05-15.65 11.399-9.933 17.923-24.484 20.819-39.292 2.346-11.839 2.566-23.898 2.383-35.993-.11-5.425 5.901-8.65 10.446-5.644 9.24 6.042 12.695 16.654 14.918 27.38 7.072 34.563 2.124 72.243-17.265 101.712z"
/>
<path
fill="url(#g)"
d="M257.233 250.525c-10.218 15.501-27.957 26.261-46.413 26.6-1.204.022-5.897.022-7.032.007-18.533-.246-36.386-11.047-46.642-26.606-10.905-16.575-13.688-37.767-9.71-57.207 1.25-6.032 3.188-11.998 8.39-15.4 2.556-1.691 5.937.124 5.875 3.175-.103 6.803.021 13.585 1.34 20.244 1.629 8.329 5.298 16.513 11.709 22.1 8.836 7.686 21.939 9.689 29.81 18.512l.03.034c1.396 1.573 3.783 1.598 5.176.023l.05-.057c7.88-8.835 20.969-10.823 29.81-18.512 6.411-5.587 10.081-13.771 11.709-22.1 1.319-6.659 1.443-13.441 1.34-20.244-.062-3.051 3.319-4.865 5.875-3.175 5.197 3.398 7.14 9.367 8.39 15.4 3.981 19.439 1.198 40.632-9.707 57.206z"
/>
<path fill="#ffcbc0" d="M207.198 155.105s-.039-.039 0-.079" />
<path
fill="url(#h)"
d="M238.195 176.101c-4.923 8.891-12.484 15.592-19.218 22.937-4.647 4.983-9.058 10.653-11.775 17.01-2.717-6.357-7.128-12.027-11.775-17.01-6.774-7.345-14.335-14.046-19.218-22.937-4.923-8.892-6.616-20.919-1.103-29.424 4.45-6.787 13.232-9.794 20.439-7.001 6.38 2.534 11.066 9.493 11.696 16.838.551-7.388 5.198-14.304 11.618-16.838 7.207-2.793 15.989.214 20.4 7.001 5.512 8.504 3.858 20.532-1.064 29.424z"
/>
<path fill="#ffcbc0" d="M207.198 155.105s-.039-.039 0-.079" />
</svg>
More icons in the same style and category