The HugeIcons message preview 02 icon visually represents a snippet of a message, often used to provide a quick glimpse of incoming or recent communications within an interface.
Common uses
- Displaying unread message snippets in a notification panel.
- Showing a preview of the latest message in a chat list.
- Indicating a new message within a dashboard widget.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MessagePreview02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MessagePreview02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- message snippetemail previewnotification iconchat preview
FAQ
- What does the message preview 02 icon represent?
- This icon depicts a small preview of a message, commonly used to show recent or incoming communications in a user interface.
- How do I use the MessagePreview02Icon in React?
- Import it using `import { MessagePreview02Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={MessagePreview02Icon} />`.
- What is the license for this icon?
- The HugeIcons message preview 02 icon is distributed 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 →