Exclamation Triangle icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable status vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-triangle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-triangle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-triangle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-triangle.json
Category:status
Tags:warningdangerexclamationtrianglecriticalhazardalert

The exclamation-triangle icon represents danger warnings and critical alerts with its distinctive exclamation mark within a triangle design.

This universal hazard symbol has become the standard indicator for danger warnings, critical errors, hazardous conditions, and high-priority alerts across modern web applications and system interfaces.

Frequently Asked Questions

Common questions about the Exclamation Triangle icon

Similar Icons

Document Currency Euro - interface icon from HeroIcons
document currency euro
Arrows Pointing Out 16 Solid - interface icon from HeroIcons
arrows pointing out 16 solid
Arrow Left Circle Solid - navigation icon from HeroIcons
arrow left circle solid
Viewfinder Circle Solid - interface icon from HeroIcons
viewfinder circle solid
Document Currency Pound - interface icon from HeroIcons
document currency pound
Clock 16 Solid - interface icon from HeroIcons
clock 16 solid
Document Currency Rupee - interface icon from HeroIcons
document currency rupee
Square 2 Stack Solid - actions icon from HeroIcons
square 2 stack solid
Forward 16 Solid - navigation icon from HeroIcons
forward 16 solid