The HugeIcons alert square icon depicts a square with an exclamation mark, commonly used to signify warnings, errors, or important notifications within a user interface.
Common uses
- Displaying error messages
- Highlighting important warnings
- Indicating unread notifications
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlertSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlertSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- exclamation squarewarning iconnotification iconerror symbol
FAQ
- What is the purpose of the alert square icon?
- This icon is used to draw attention to critical information such as errors, warnings, or important alerts that require user acknowledgment.
- How do I use the AlertSquareIcon in React?
- Import both HugeiconsIcon and AlertSquareIcon, then render the icon using <HugeiconsIcon icon={AlertSquareIcon} />.
- What is the license for this icon?
- The AlertSquareIcon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.