What is the bubble icon used for?

It's typically used to represent chat, messages, comments, or dialogue in a UI.

How do I use the bubble icon in React?

Import it using: import { IconBubble } from '@tabler/icons-react'. Then use it as a React component: .

The Tabler bubble icon is distributed under the MIT license.

Tabler · bubble · MIT

The Tabler bubble icon visually represents a speech bubble, commonly used in user interfaces to signify chat, messages, comments, or dialogue.

Install

npm i @tabler/icons-react

Import & render

import { IconBubble } from '@tabler/icons-react';

<IconBubble size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconBubble size={24} stroke={2} />

filled

<IconBubbleFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Communication
Keywords: commentchatreplycommunicationconversationfaqmessagetextbubblecontactspeech bubblechat iconmessage iconcomment icon

What is the bubble icon used for?: It's typically used to represent chat, messages, comments, or dialogue in a UI.
How do I use the bubble icon in React?: Import it using: import { IconBubble } from '@tabler/icons-react'. Then use it as a React component: <IconBubble />.
What is the license for the Tabler bubble icon?: The Tabler bubble icon is distributed under the MIT license.

The same idea in other libraries, and near matches in Tabler.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →