The HugeIcons chat preview 01 icon depicts a speech bubble with a small preview of text, commonly used to represent chat messages or message previews in user interfaces.
Common uses
- Displaying unread message notifications
- Indicating a user's latest message in a chat list
- Previewing message content within a larger interface
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ChatPreview01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ChatPreview01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- message iconspeech bubble iconchat iconpreview icon
FAQ
- What does the ChatPreview01Icon represent?
- It represents a chat message or a preview of message content, often seen in messaging applications.
- How do I use ChatPreview01Icon in a React project?
- Import it using `import { ChatPreview01Icon } from '@hugeicons/core-free-icons';` and render it as `<HugeiconsIcon icon={ChatPreview01Icon} />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
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 →