IconSearch logoIconsearch
Home/Libraries/Framework7 Icons (Iconify)/bubble-left-bubble-right
← Back to Search
Framework7 Icons (Iconify)

BubbleLeftBubbleRight

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M13.162 50.901c1.033 0 1.735-.35 2.983-1.443l6.551-5.849c1.385 1.54 3.53 2.36 6.24 2.36h6.707l6.532 5.576c1.17 1.014 1.814 1.54 2.77 1.54c1.344 0 2.086-.955 2.086-2.437v-4.68h.818c4.895 0 8.151-2.944 8.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354 8.492 0 11.553 0 16.857v17.958c0 5.304 3.354 8.365 8.462 8.365h2.574v5.323c0 1.502.741 2.398 2.126 2.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451 0-5.499-1.872-5.499-5.518V16.954c0-3.626 2.048-5.537 5.499-5.537H36.15c3.45 0 5.498 1.91 5.498 5.537v1.385H28.936c-5.109 0-8.15 2.944-8.15 8.053v11.523c0 1.053.116 2.009.37 2.886l-7.176 6.63Zm30.126 7.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256 0-5.186-1.774-5.186-5.225V26.489c0-3.431 1.93-5.225 5.186-5.225h18.563c3.256 0 5.187 1.794 5.187 5.225v11.329c0 3.451-1.95 5.226-5.187 5.226h-2.047c-.839 0-1.522.487-1.522 1.598Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. BubbleLeftBubbleRightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.

Related Icons in Framework7 Icons (Iconify)

Browse all Framework7 Icons (Iconify) icons →
airplane
airplane
alarm
alarm
alarm-fill
alarm-fill
alt
alt
ant
ant
ant-circle
ant-circle
ant-circle-fill
ant-circle-fill
ant-fill
ant-fill
antenna-radiowaves-left-right
antenna-radiowaves-left-right
app
app
app-badge
app-badge
app-badge-fill
app-badge-fill