Add icons to this collection by clicking the heart icon.
Bubble Tea icon - also known as take away, bubble tea, plastic cup, food and restaurant, milk tea, and boba tea. Created in a clean flat gradient style with a white, silver, gray, magenta, purple, 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="512"
height="512"
viewBox="0 0 192 192"
>
<linearGradient
id="a"
x1="96"
x2="96"
y1="189"
y2="80"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff72e7" />
<stop offset=".47" stop-color="#ffccec" />
<stop offset=".61" stop-color="#b1c8f2" />
<stop offset=".75" stop-color="#66c4f7" />
<stop offset=".87" stop-color="#2fc1fc" />
<stop offset=".95" stop-color="#0dc0fe" />
<stop offset="1" stop-color="#00bfff" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="m50 80 7.72 102.46a39.93 39.93 0 0 0 8.38 3.15C76.29 188.41 88 189 96 189s19.71-.59 29.9-3.43a40.44 40.44 0 0 0 8.38-3.17L142 80z"
/>
<path
fill="#fff"
d="m77 187.79-3.7-103H61.9l5.46 101.19a87 87 0 0 0 9.64 1.81z"
opacity=".2"
/>
<path
fill="#e8ebfa"
d="M65.83 186.54a40.46 40.46 0 0 1-8.59-3.27l-.48-.26L48.92 79h94.16l-7.84 104.08-.48.26a41 41 0 0 1-8.59 3.23C115.87 189.4 104.08 190 96 190s-19.87-.6-30.17-3.46zM140.92 81H51.08l7.59 100.77a42.25 42.25 0 0 0 7.7 2.84C76.45 187.41 88.05 188 96 188s19.55-.58 29.64-3.36a42.82 42.82 0 0 0 7.69-2.8z"
/>
<path
fill="#d2dbf0"
d="M46.78 74h98.44A17.73 17.73 0 0 1 151 87.25v2.19a1.09 1.09 0 0 1 0 .18c-.29 1.7-2 3.18-5.34 4.51a62 62 0 0 1-11.86 3.08C123.59 99 110.17 100 96 100s-27.58-1-37.77-2.79a61.46 61.46 0 0 1-11.85-3.07c-3.3-1.33-5.05-2.8-5.36-4.49a1.28 1.28 0 0 1 0-.19v-2.19A17.7 17.7 0 0 1 46.78 74z"
/>
<ellipse cx="96" cy="76" fill="#f6f7fd" rx="50" ry="11" />
<path
fill="#e8ebfa"
d="M96 29a44 44 0 0 0-44 44c0 5 19.7 9 44 9s44-4 44-9a44 44 0 0 0-44-44z"
/>
<path
fill="#fff"
d="M63.16 79a105.63 105.63 0 0 0 11 1.82c.09-15.46 4.57-30.47 11.17-38.59A11.92 11.92 0 0 1 82 40.62C71.35 48 63.83 63.1 63.16 79z"
opacity=".5"
/>
<ellipse cx="96" cy="40" fill="#d2dbf0" rx="15" ry="6" />
<path
fill="#f6f7fd"
d="M96 47c-9.12 0-16-3-16-7s6.88-7 16-7 16 3 16 7-6.88 7-16 7zm0-12c-8.25 0-14 2.64-14 5s5.75 5 14 5 14-2.64 14-5-5.75-5-14-5z"
/>
<path
fill="#ff179d"
d="m87.59 45 7.07-40.12 15.76 2.77-6.6 37.46A33.17 33.17 0 0 1 96 46a32.69 32.69 0 0 1-8.41-1z"
/>
<path
fill="#ff72db"
d="m96.43 87-1.59 9c-5.57 0-11-.19-16.15-.51l1.59-9c5 .36 10.23.56 15.72.56zM81.85 77.52 87.59 45A32.69 32.69 0 0 0 96 46a33.17 33.17 0 0 0 7.82-.89L98 78h-2c-5.19 0-9.91-.18-14.15-.48z"
/>
<ellipse
cx="102.54"
cy="6.27"
fill="#e7028c"
rx="3"
ry="8"
transform="rotate(-79.98 102.538 6.246)"
/>
<path
fill="#f6f7fd"
d="M96 47c-9.12 0-16-3-16-7h2c0 2.36 5.75 5 14 5s14-2.64 14-5h2c0 4-6.88 7-16 7z"
/>
<g fill="#514944">
<path
d="M74 126.38a1 1 0 0 1-.35-1.94l8.5-3.19-8.5-3.19a1 1 0 1 1 .7-1.87l11 4.12a1 1 0 0 1 0 1.88l-11 4.12a1 1 0 0 1-.35.07zM118 126.38a1 1 0 0 1-.35-.07l-11-4.12a1 1 0 0 1 0-1.88l11-4.12a1 1 0 1 1 .7 1.87l-8.5 3.19 8.5 3.19a1 1 0 0 1-.35 1.94zM91 136.68a4.48 4.48 0 0 1 1.26-3.09 4.44 4.44 0 1 1 6.46-6.08 1 1 0 0 1-1.48 1.35 2.44 2.44 0 1 0-2.87 3.83 1 1 0 0 1 0 1.8 2.44 2.44 0 1 0 2.87 3.83 1 1 0 0 1 1.48 1.35 4.44 4.44 0 0 1-7.72-3z"
/>
</g>
<ellipse cx="72" cy="132.5" fill="#ff72db" rx="4" ry="2.5" />
<ellipse cx="120" cy="132.5" fill="#ff72db" rx="4" ry="2.5" />
<g fill="#fff" opacity=".5">
<circle cx="129.5" cy="148.5" r="1.5" />
<circle cx="68.5" cy="143.5" r="1.5" />
<circle cx="72.5" cy="168.5" r="1.5" />
<circle cx="105.5" cy="168.5" r="1.5" />
<circle cx="105.5" cy="146.5" r="1.5" />
<circle cx="130" cy="138" r="2" />
<circle cx="119.5" cy="181.5" r="1.5" />
<circle cx="59.5" cy="135.5" r="1.5" />
<circle cx="83" cy="151" r="2" />
</g>
</g>
</svg>
More icons in the same style and category