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.