The HugeIcons bubbles icon depicts a cluster of three circles, commonly used to represent chat, speech, or communication in user interfaces.
Common uses
- Chat message indicator
- Speech bubble notification
- Comment section icon
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BubblesIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BubblesIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- chat iconspeech iconmessage icondialog icon
FAQ
- What does the Bubbles icon represent?
- The Bubbles icon represents communication, chat, or speech. It's often used for messaging features or notifications.
- How do I use the Bubbles icon in React?
- To use the Bubbles icon in React, import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component from '@hugeicons/react' like this: <HugeiconsIcon icon={BubblesIcon} />.
- What is the license for the Bubbles icon?
- The Bubbles icon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →