The Heroicons chat bubble oval left ellipsis icon depicts a speech bubble with an ellipsis, commonly used to represent a message, chat, or ongoing conversation.
Common uses
- Indicate a new message or notification
- Represent a chat or messaging feature
- Show a conversation thread
Use it in React
Install
npm i @heroicons/reactImport & render
import { ChatBubbleOvalLeftEllipsisIcon } from '@heroicons/react/24/outline';
<ChatBubbleOvalLeftEllipsisIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<ChatBubbleOvalLeftEllipsisIcon className="size-6" />24/solid
<ChatBubbleOvalLeftEllipsisIcon className="size-6" />20/solid
<ChatBubbleOvalLeftEllipsisIcon className="size-6" />16/solid
<ChatBubbleOvalLeftEllipsisIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- chatbubbleovalleftellipsisspeech bubblecomment iconmessage iconellipsis chat
FAQ
- What does this icon represent?
- This icon represents a chat bubble with an ellipsis, typically used to signify messages, conversations, or typing indicators.
- How do I use this icon in React?
- You can import and use it in React with: import { ChatBubbleOvalLeftEllipsisIcon } from '@heroicons/react/24/outline'
- What is the license for this icon?
- This icon is part of the Heroicons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →