Add icons to this collection by clicking the heart icon.
Bubble Tea icon - also known as drink, take away, bubble tea, milk, Ice Tea, 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="b"
x1="251"
x2="251"
y1="283.92"
y2="159.043"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3cc8db" />
<stop offset="1" stop-color="#b1e6ee" />
</linearGradient>
<linearGradient id="a">
<stop offset=".022" stop-color="#4b5762" />
<stop offset="1" stop-color="#597281" />
</linearGradient>
<linearGradient
id="c"
x1="339.288"
x2="339.288"
y1="142.373"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="251.498"
x2="251.498"
y1="372.823"
y2="101.394"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe7b4" />
<stop offset="1" stop-color="#fff5e3" />
</linearGradient>
<linearGradient
id="e"
x1="245.029"
x2="310.645"
y1="387.752"
y2="387.752"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="191.356"
x2="256.971"
y1="387.752"
y2="387.752"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="251"
x2="251"
y1="197.217"
y2="120.872"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a789d9" />
<stop offset="1" stop-color="#c1ade6" />
</linearGradient>
<linearGradient
id="h"
x1="164.519"
x2="230.134"
y1="435.735"
y2="435.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="271.866"
x2="337.481"
y1="435.735"
y2="435.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="218.192"
x2="283.808"
y1="435.735"
y2="435.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m106.764 247.042-7.365-49.827L251 159.043l151.601 38.172-6.37 43.118-36.395 43.587H157.327z"
/>
<path
fill="url(#c)"
d="M340.848 10.161C344.23 1.83 353.726-2.182 362.057 1.2l12.199 4.952c8.331 3.382 12.343 12.878 8.961 21.209l-46.69 115.012-42.369-17.2z"
/>
<path
fill="#3a4d5e"
d="M357.435 90.872h-49.352l-13.925 34.301 42.369 17.2z"
/>
<path
fill="url(#d)"
d="m396.231 240.333-32.07 216.896C360.359 482.949 338.292 502 312.293 502H189.707c-25.998 0-48.065-19.051-51.868-44.771l-31.075-210.187c17.379 3.434 39.157 6.301 66.21 7.714 78.095 4.071 86.117-28.278 172.822-23.749 19.679 1.025 36.51 4.698 50.435 9.326z"
/>
<path
fill="#fff"
d="M343.349 397.644c-5.463-.808-9.238-5.892-8.43-11.355l3.47-23.466c.808-5.463 5.892-9.234 11.355-8.43 5.463.808 9.238 5.892 8.43 11.355l-3.47 23.466c-.807 5.465-5.892 9.237-11.355 8.43z"
/>
<ellipse cx="163.523" cy="332.113" fill="#fdaece" rx="14.867" ry="11.948" />
<ellipse cx="338.477" cy="332.113" fill="#fdaece" rx="14.867" ry="11.948" />
<circle cx="189.011" cy="302.633" r="29.48" fill="#fff" />
<circle
cx="200.921"
cy="302.633"
r="17.57"
fill="#383842"
transform="rotate(-76.7 200.987 302.712)"
/>
<circle cx="312.989" cy="302.633" r="29.48" fill="#fff" />
<g fill="#383842">
<circle
cx="324.837"
cy="302.633"
r="17.57"
transform="rotate(-45 324.806 302.716)"
/>
<ellipse cx="251" cy="324.981" rx="13.19" ry="17.271" />
</g>
<circle cx="277.837" cy="387.752" r="32.808" fill="url(#e)" />
<circle cx="224.163" cy="387.752" r="32.808" fill="url(#f)" />
<path
fill="#00c6dc"
d="M215.134 197.217H99.399l4.435 30h111.301c8.284 0 15-6.716 15-15s-6.716-15-15.001-15z"
/>
<path
fill="url(#g)"
d="m428.025 160.108-4.957-12.807a41.358 41.358 0 0 0-38.569-26.43H117.501a41.356 41.356 0 0 0-38.569 26.43l-4.957 12.807c-6.916 17.868 6.269 37.109 25.428 37.109h303.194c19.16 0 32.344-19.241 25.428-37.109z"
/>
<circle cx="197.326" cy="435.735" r="32.808" fill="url(#h)" />
<circle cx="304.674" cy="435.735" r="32.808" fill="url(#i)" />
<circle cx="251" cy="435.735" r="32.808" fill="url(#j)" />
</svg>
More icons in the same style and category