The Tabler alert square icon depicts a square with an exclamation mark inside, commonly used to signify warnings, errors, or important notifications within a user interface.
Common uses
- Displaying error messages for form validation.
- Indicating a system status that requires attention.
- Highlighting important user notifications or alerts.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlertSquare } from '@tabler/icons-react';
<IconAlertSquare size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlertSquare size={24} stroke={2} />filled
<IconAlertSquareFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- warningnotifywarncautiondangermessageinformalarmsignalsquaresystemalertwarning icondanger symbolnotification iconexclamation square
FAQ
- What is the purpose of the alert square icon?
- It's used to draw attention to potential issues, warnings, or critical information that requires user awareness.
- How do I use the alert square icon in React?
- You can import and use it directly with the following statement: `import { IconAlertSquare } from '@tabler/icons-react'`.
- What is the license for the Tabler alert square icon?
- The Tabler icons, including the alert square, are 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 →