Alert triangle icon
interfacealso known as warning, caution, danger, attention
Colors byColorchord
Lucidetriangle-alert
Heroiconsexclamation-triangle
Tabler Iconsalert-triangle
Phosphorwarning
Featheralert-triangle
Remix Iconalert-line
Iconoirwarning-triangle
Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.
When to use it
The warning triangle: something needs attention before it becomes a problem — destructive-action confirms, degraded states, risky settings. It outranks info and sits below the error circle in most severity ladders. Phosphor calls it simply warning, Remix alert. Reserve it for genuine warnings; a UI that triangles everything trains users to ignore the one that matters.