The HugeIcons message blocked icon visually represents a communication that has been prevented or denied, commonly used to indicate that a user's messages are not being delivered or received.
Common uses
- Displaying a status when a user has blocked another user's messages.
- Indicating that a message failed to send due to recipient restrictions.
- Signifying that a chat or conversation is no longer accessible due to blocking.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MessageBlockedIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MessageBlockedIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- communication blockedmessage deniedno entry messagerestricted message
FAQ
- What does the message blocked icon signify?
- This icon signifies that a message or communication attempt has been blocked or prevented from being sent or received.
- How do I use the MessageBlockedIcon in React?
- Import both HugeiconsIcon and MessageBlockedIcon, then render it using <HugeiconsIcon icon={MessageBlockedIcon} />.
- What is the license for this icon?
- The MessageBlockedIcon is provided under the MIT license, allowing for free usage.
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 →