The Phosphor chat slash icon depicts a chat bubble with a diagonal line through it, commonly used to indicate disabled or blocked messaging functionality.
Common uses
- Disabling chat features
- Blocking a user from messaging
- Indicating no new messages
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ChatSlash } from '@phosphor-icons/react';
<ChatSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ChatSlash size={24} />thin
<ChatSlash size={24} weight="thin" />light
<ChatSlash size={24} weight="light" />bold
<ChatSlash size={24} weight="bold" />fill
<ChatSlash size={24} weight="fill" />duotone
<ChatSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- *new*messagesmessagingsmstextingcommentsquarebubblecommunicationschatslashno messagesmessage blockedchat disabledtexting off
FAQ
- What is the chat slash icon used for?
- It signifies that messaging or chat functionality is unavailable, disabled, or blocked.
- How do I use the chat slash icon in React?
- You can import it directly from the library: import { ChatSlash } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free usage.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →