Home/Libraries/OpenMoji (Iconify)/bubble-tea

OpenMoji (Iconify)

BubbleTea

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#f4aa41" d="M42.978 61.958H27.145a4.085 4.085 0 0 1-3.935-3.582L19.092 31.15A1 1 0 0 1 20.08 30h29.984a1 1 0 0 1 .988 1.15l-4.175 27.457a3.944 3.944 0 0 1-3.9 3.351"/><path fill="#b399c8" d="m39.073 32.017l-1.379 15.166a1 1 0 0 1-.976.785a.6.6 0 0 1-.156 0l-4.546-.092a1.1 1.1 0 0 1-.763-.464a1 1 0 0 1-.134-.76l.981-14.635Zm-5.251-6.623l.259-1.152c1.336-5.944 3.088-8.447 8.151-11.642l7.485-4.77a1 1 0 0 1 1.372.293l2.614 3.968a1 1 0 0 1-.293 1.39l-8.016 5.171a10.54 10.54 0 0 0-4.594 6.585l-.043.195Z"/><path fill="#92d3f5" d="M52.902 32.017H17.25a1 1 0 0 1-1-1v-2.114a3.513 3.513 0 0 1 3.509-3.508h30.634a3.513 3.513 0 0 1 3.51 3.508v2.114a1 1 0 0 1-1 1"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M49.55 34.193L45.902 58.35a3.07 3.07 0 0 1-3.032 2.61H27.25a3.07 3.07 0 0 1-3.034-2.609l-3.653-24.157"/><circle cx="28.806" cy="55.731" r="2"/><circle cx="39.117" cy="56.566" r="2"/><circle cx="27.877" cy="47.217" r="2"/><circle cx="42.267" cy="43.979" r="2"/><circle cx="25.877" cy="41.002" r="2"/><circle cx="34.404" cy="52.052" r="2"/><circle cx="42.267" cy="50.452" r="2"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52.902 28.904a2.516 2.516 0 0 0-2.509-2.51H19.76a2.516 2.516 0 0 0-2.509 2.51v2.112h35.652Z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m34.64 26.395l.76-3.347c1.224-4.62 2.928-6.801 7.366-9.603l7.488-4.774l2.614 3.97l-8.015 5.17a11.6 11.6 0 0 0-4.398 5.237l-.796 3.347m-1.288-9.427l3.649 3.425m-.875-5.862l2.585 4.105m-7.338 1.473l4.466 2.084m-7.918 12l-.843 12.682m5.774-12.682L36.71 46.98"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BubbleTeaIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.