Add icons to this collection by clicking the heart icon.
Bubble Tea icon - also known as drink, tea, drinking, take away, bubble tea, milk, Ice Tea, food and restaurant, and boba. Created in a clean lineal color style with a white, gray, navy, 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 64 64"
>
<g>
<path fill="#f2c351" d="M15 18A10 10 0 0 1 25 8h14a10 10 0 0 1 10 10" />
<path fill="#f7d881" d="M25 8a10 10 0 0 0-10 10h24V8z" />
<path
fill="#c7e2fc"
d="M51 18v5h-1.141a2 2 0 0 0-2 1.854l-2.723 35.292a2 2 0 0 1-2 1.854H20.859a2 2 0 0 1-2-1.854l-2.723-35.292A2 2 0 0 0 14.141 23H13v-5z"
/>
<path
fill="#ebf7fe"
d="M13 18v5h1.141a2 2 0 0 1 1.995 1.854L18.08 50H35a4 4 0 0 0 4-4V18z"
/>
<path fill="#fff" d="M35 8h-6v40l6-4z" />
<path
fill="#f2c351"
d="M46 41a25.267 25.267 0 0 1-13-3.6l-3-1.8A25.275 25.275 0 0 0 17 32h-.312l2.176 28.146a2 2 0 0 0 2 1.854h22.277a2 2 0 0 0 2-1.854L46.616 41z"
/>
<path
fill="#f7d881"
d="m33 37.4-3-1.8A25.275 25.275 0 0 0 17 32h-.312l1.392 18H35a4 4 0 0 0 4-4v-6a25.226 25.226 0 0 1-6-2.6z"
/>
<path
fill="#efe492"
d="M35 38.464a24.248 24.248 0 0 1-2-1.066l-3-1.8c-.328-.2-.666-.374-1-.556V48l6-4z"
/>
<g fill="#243242">
<path
d="M32 55a2 2 0 1 0 1.658.883A2 2 0 0 0 32 55zM26 55a2 2 0 0 0-2 2 2 2 0 0 0 4 0 1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 26 55zM38 55a2 2 0 0 0-2 2 2 2 0 0 0 4 0 1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 38 55zM31 53a1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 27 53a2 2 0 0 0 4 0zM37 53a1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 33 53a2 2 0 0 0 4 0zM25 53a1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 21 53a2 2 0 0 0 4 0zM42.853 52.257A2 2 0 0 0 39 53a2 2 0 0 0 4 0 1.976 1.976 0 0 0-.147-.743z"
/>
</g>
<path
fill="#4d5d7a"
d="M33 50a2 2 0 0 0 2-2 1.976 1.976 0 0 0-.147-.743A2 2 0 0 0 31 48a2 2 0 0 0 2 2z"
/>
<path fill="#f2c351" d="M29 2h6v6h-6z" />
<path fill="#efe492" d="M29 8h6v10h-6z" />
<path
d="M51 17h-1.051A11.01 11.01 0 0 0 39 7h-3V2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5h-3a11.01 11.01 0 0 0-10.949 10H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1.141a1.006 1.006 0 0 1 1 .931l2.728 35.288A3.012 3.012 0 0 0 20.859 63h22.282a3.011 3.011 0 0 0 2.992-2.777l2.729-35.3a1 1 0 0 1 1-.927H51a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zM39 9a9.011 9.011 0 0 1 8.941 8H36V9zm6.691 30.99A24.252 24.252 0 0 1 36 37.831V26h10.773zM34 36.812c-.162-.092-.328-.175-.488-.271l-3-1.8c-.169-.1-.346-.189-.517-.287V26h4zm-4 9.32v-9.366l2.483 1.49q.745.447 1.517.841v4.368zM17.228 26H28v7.43a26.237 26.237 0 0 0-10.384-2.409zM30 24v-5h4v5zm0-7V9h4v8zm0-14h4v4h-4zm-5 6h3v8H16.059A9.011 9.011 0 0 1 25 9zM14.141 22H14v-3h14v5H16.955a3 3 0 0 0-2.814-2zm30 38.072a1 1 0 0 1-1 .928H20.859a1.006 1.006 0 0 1-1-.932l-2.09-27.042A24.273 24.273 0 0 1 28 35.638V48a1 1 0 0 0 1.555.832l1.459-.973c0 .047-.014.093-.014.141a2 2 0 1 0 2.634-1.887l1.921-1.281A1 1 0 0 0 36 44v-3.989a26.251 26.251 0 0 0 9.537 1.973zM50 22h-.141a3.006 3.006 0 0 0-2.815 2H36v-5h14z"
/>
<circle cx="32" cy="57" r="2" />
<circle cx="26" cy="57" r="2" />
<circle cx="29" cy="53" r="2" />
<circle cx="38" cy="57" r="2" />
<circle cx="35" cy="53" r="2" />
<circle cx="23" cy="53" r="2" />
<circle cx="41" cy="53" r="2" />
</g>
</svg>
More icons in the same style and category