The Tabler message cancel icon visually represents the act of stopping or rejecting a communication, often used in UIs to signify the cancellation of a message or conversation.
Common uses
- Button to cancel sending a message
- Option to dismiss a chat notification
- Icon to reject an incoming message request
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMessageCancel } from '@tabler/icons-react';
<IconMessageCancel size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Communication
- Keywords
- abortstopdismissterminaterejecthaltvoidceasecancelationdenycommunicationmessagecancelmessage declinestop communicationreject message
FAQ
- What does the message cancel icon represent?
- It signifies the termination or rejection of a message or communication, useful for actions like canceling a sent message or dismissing a notification.
- How do I use this icon in React?
- You can import and use it with: import { IconMessageCancel } from '@tabler/icons-react'. Then render it as <IconMessageCancel />.
- What is the license for this icon?
- The Tabler icon library, including the message cancel icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →