Square Alert Pixel Art Icon
A square-framed alert icon with an exclamation mark for validation errors, warning banners and attention states in card-style UI components.
Tags
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Square Alert icon
An exclamation mark inside a square border, delivering an alert message with a geometric, boxy look that suits grid-based and card-based UI patterns. Use it in inline validation messages beside a form field, on a dashboard widget to flag an issue with that card's data, or in a notification panel where each alert sits in a rectangular row. Where a circle-alert reads softer and more informational, the square version feels more structured and formal, fitting enterprise or data-dense interfaces.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/square-alert.svg" width="24" height="24" alt="Square Alert" />
<!-- React -->
import { SquareAlert } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-alert.svg" width="48" height="48" style="image-rendering: pixelated" />