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, red, yellow, orange, 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="#f0b23a" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
fill="url(#a)"
d="m50 80 7.72 102.46a40 40 0 0 0 8.37 3.15C76.29 188.41 88 189 96 189s19.71-.59 29.9-3.43a40.71 40.71 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.9 40.9 0 0 1-8.6-3.27l-.47-.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.36 42.36 0 0 0 7.69 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="M145.22 74H46.78A17.7 17.7 0 0 0 41 87.25v2.19a1.09 1.09 0 0 0 0 .18c.29 1.7 2 3.18 5.34 4.51a62 62 0 0 0 11.86 3.08C68.41 99 81.83 100 96 100s27.58-1 37.77-2.79a61.46 61.46 0 0 0 11.85-3.07c3.3-1.33 5-2.8 5.36-4.49a1.28 1.28 0 0 0 0-.19v-2.19A17.7 17.7 0 0 0 145.22 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="#ffb600"
d="M104.41 45 97.34 4.88 81.58 7.65l6.6 37.46A33.17 33.17 0 0 0 96 46a32.75 32.75 0 0 0 8.41-1z"
/>
<path
fill="#ffdc59"
d="m95.57 87 1.59 9c5.57 0 11-.19 16.15-.51l-1.59-9c-5 .36-10.23.56-15.72.56zM110.14 77.52 104.41 45A32.75 32.75 0 0 1 96 46a33.17 33.17 0 0 1-7.82-.89L94 78h2c5.19 0 9.91-.18 14.14-.48z"
/>
<ellipse
cx="89.46"
cy="6.27"
fill="#e9a100"
rx="8"
ry="3"
transform="rotate(-9.8 91.4 6.28)"
/>
<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"
/>
<path
fill="#514944"
d="M115.94 119.52a5.13 5.13 0 0 0 5.12-5.12 1 1 0 0 0-2 0 3.12 3.12 0 0 1-3.12 3.12 1 1 0 0 0 0 2zM82.94 119.52a5.13 5.13 0 0 0 5.12-5.12 1 1 0 0 0-2 0 3.12 3.12 0 0 1-3.12 3.12 1 1 0 0 0 0 2z"
/>
<ellipse cx="72" cy="132.5" fill="#ffbde6" rx="4" ry="2.5" />
<ellipse cx="120" cy="132.5" fill="#ffbde6" rx="4" ry="2.5" />
<circle cx="112.5" cy="121.25" r="5.5" fill="#514944" />
<circle cx="113.56" cy="120.38" r="1.38" fill="#fff" />
<circle cx="111.31" cy="122.88" r=".69" fill="#fff" />
<circle cx="79.5" cy="121.25" r="5.5" fill="#514944" />
<circle cx="80.56" cy="120.38" r="1.38" fill="#fff" />
<circle cx="78.31" cy="122.88" r=".69" fill="#fff" />
<path fill="#ff3e6a" d="M88.44 130.7a7.56 7.56 0 1 0 15.12 0z" />
<circle cx="110" cy="176.5" r="6.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M104.94 175.31a1 1 0 0 0 .94 1.19 1 1 0 0 0 1-.77 3.25 3.25 0 0 1 2.42-2.39 1 1 0 0 0 .74-1 1 1 0 0 0-1.18-1 5.22 5.22 0 0 0-3.92 3.97z"
/>
<circle cx="96.5" cy="163.5" r="6.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M91.44 162.31a1 1 0 0 0 .94 1.19 1 1 0 0 0 1-.77 3.25 3.25 0 0 1 2.42-2.39 1 1 0 0 0 .74-1 1 1 0 0 0-1.18-1 5.22 5.22 0 0 0-3.92 3.97z"
/>
<circle cx="81" cy="176" r="7" fill="#514944" />
<path
fill="#7d5f5f"
d="M75.55 174.72a1 1 0 0 0 1 1.28 1.09 1.09 0 0 0 1-.83 3.52 3.52 0 0 1 2.6-2.58 1 1 0 0 0 .8-1 1 1 0 0 0-1.27-1 5.62 5.62 0 0 0-4.13 4.13z"
/>
<circle cx="125" cy="160" r="7" fill="#514944" />
<path
fill="#7d5f5f"
d="M119.55 158.72a1 1 0 0 0 1 1.28 1.09 1.09 0 0 0 1-.83 3.52 3.52 0 0 1 2.6-2.58 1 1 0 0 0 .8-1 1 1 0 0 0-1.27-1 5.62 5.62 0 0 0-4.13 4.13z"
/>
<circle cx="125.5" cy="174.5" r="5.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M121.22 173.49a.82.82 0 0 0 .79 1 .86.86 0 0 0 .82-.65 2.75 2.75 0 0 1 2-2 .81.81 0 0 0 .63-.8.83.83 0 0 0-1-.81 4.42 4.42 0 0 0-3.24 3.26z"
/>
<circle cx="67.5" cy="159.5" r="6.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M62.44 158.31a1 1 0 0 0 .94 1.19 1 1 0 0 0 1-.77 3.25 3.25 0 0 1 2.42-2.39 1 1 0 0 0 .74-1 1 1 0 0 0-1.18-1 5.22 5.22 0 0 0-3.92 3.97z"
/>
<circle cx="81.5" cy="161.5" r="5.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M77.22 160.49a.82.82 0 0 0 .79 1 .86.86 0 0 0 .82-.65 2.75 2.75 0 0 1 2-2 .81.81 0 0 0 .63-.8.83.83 0 0 0-1-.81 4.42 4.42 0 0 0-3.24 3.26z"
/>
<circle cx="110.5" cy="161.5" r="5.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M106.22 160.49a.82.82 0 0 0 .79 1 .86.86 0 0 0 .82-.65 2.75 2.75 0 0 1 2-2 .81.81 0 0 0 .63-.8.83.83 0 0 0-1-.81 4.42 4.42 0 0 0-3.24 3.26z"
/>
<circle cx="96" cy="178.5" r="5.5" fill="#514944" />
<path
fill="#7d5f5f"
d="M91.72 177.49a.82.82 0 0 0 .79 1 .86.86 0 0 0 .82-.65 2.75 2.75 0 0 1 2-2A.81.81 0 0 0 96 175a.83.83 0 0 0-1-.81 4.42 4.42 0 0 0-3.28 3.3z"
/>
<circle cx="66" cy="175" r="5" fill="#514944" />
<path
fill="#7d5f5f"
d="M62.11 174.08a.74.74 0 0 0 .72.92.77.77 0 0 0 .74-.59 2.49 2.49 0 0 1 1.86-1.84.76.76 0 0 0 .57-.73.75.75 0 0 0-.91-.74 4 4 0 0 0-2.98 2.98z"
/>
</svg>
More icons in the same style and category