Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, take away, coffee shop, coffee cup, coffee breaks, Paper cup, and food and restaurant. Created in a clean gradient 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fbe7b4" />
<stop offset="1" stop-color="#fff5e3" />
</linearGradient>
<linearGradient
id="b"
x1="251"
x2="251"
y1="85.541"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="251"
x2="251"
y1="502"
y2="120.103"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf6c56" />
<stop offset="1" stop-color="#ed9b8c" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="383.947"
y2="237.158"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ecc5c" />
<stop offset="1" stop-color="#9cbf8c" />
</linearGradient>
<linearGradient
id="e"
x1="251"
x2="251"
y1="162.874"
y2="77.333"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M394.174 38.091C385.017 15.092 362.763 0 338.009 0H163.991c-24.755 0-47.008 15.092-56.165 38.091l-18.893 47.45h324.133z"
/>
<path
fill="url(#c)"
d="M251 120.103 71.058 162.874l46.755 287.864c4.8 29.552 30.321 51.262 60.26 51.262h145.853c29.939 0 55.46-21.711 60.26-51.262l46.755-287.864z"
/>
<path
fill="url(#d)"
d="M407.196 237.158H94.805c-13.208 0-23.273 11.831-21.155 24.869l16.677 102.677c1.802 11.093 11.382 19.243 22.62 19.243h276.107c11.238 0 20.818-8.15 22.62-19.243l16.677-102.677c2.118-13.037-7.947-24.869-21.155-24.869z"
/>
<ellipse cx="163.803" cy="329.505" fill="#f85f7e" rx="14.819" ry="11.909" />
<ellipse cx="338.197" cy="329.505" fill="#f85f7e" rx="14.819" ry="11.909" />
<circle cx="189.209" cy="300.119" r="29.386" fill="#fff" />
<circle cx="312.791" cy="300.119" r="29.386" fill="#fff" />
<path
fill="#383842"
d="M198.916 310.526a7.497 7.497 0 0 1-6.579-3.888c-.918-1.669-2.493-1.849-3.128-1.849s-2.209.18-3.127 1.849a7.499 7.499 0 0 1-10.185 2.959 7.499 7.499 0 0 1-2.959-10.185c3.263-5.936 9.498-9.623 16.272-9.623s13.009 3.687 16.272 9.623a7.499 7.499 0 0 1-6.566 11.114zM322.498 310.526a7.497 7.497 0 0 1-6.579-3.888c-.918-1.669-2.493-1.849-3.128-1.849s-2.21.18-3.127 1.849a7.5 7.5 0 0 1-10.186 2.959 7.499 7.499 0 0 1-2.959-10.185c3.263-5.936 9.498-9.623 16.272-9.623s13.009 3.687 16.272 9.623a7.499 7.499 0 0 1-6.565 11.114zM262.579 339.611H239.42c-6.457 0-11.692-5.235-11.692-11.692s5.235-11.692 11.692-11.692h23.159c6.457 0 11.692 5.235 11.692 11.692 0 6.458-5.234 11.692-11.692 11.692z"
/>
<path
fill="#fddcb4"
d="M226 47.333H104.146l-11.969 30.06a44.917 44.917 0 0 1 2.207-.061H226c8.284 0 15-6.716 15-15s-6.716-14.999-15-14.999z"
/>
<path
fill="url(#e)"
d="m456.852 124.67-7.607-19.104a44.807 44.807 0 0 0-41.629-28.232H94.384a44.807 44.807 0 0 0-41.629 28.232l-7.607 19.104c-7.291 18.313 6.199 38.204 25.91 38.204h359.884c19.711 0 33.201-19.892 25.91-38.204z"
/>
<path
fill="#a9544b"
d="M186 383.947h-73.053c-2.111 0-4.163-.288-6.116-.828l5.003 30.804a.645.645 0 0 1 .029.025H186c8.284 0 15-6.716 15-15 0-8.285-6.716-15.001-15-15.001z"
/>
</svg>
More icons in the same style and category