Exclamation Circle 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-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-exclamation-circle.json
Category:status
Tags:warningalertexclamationcautionattentioncircleimportant

The exclamation-circle icon represents warnings and important alerts with its distinctive exclamation mark within a circle design.

This universal symbol has become the standard indicator for warning messages, important alerts, cautionary notices, and attention-required states across modern web applications and system interfaces.

Frequently Asked Questions

Common questions about the Exclamation Circle icon

Similar Icons

Cpu Chip 16 Solid - system icon from HeroIcons
cpu chip 16 solid
Currency Yen 20 Solid - interface icon from HeroIcons
currency yen 20 solid
Camera 20 Solid - media icon from HeroIcons
camera 20 solid
Folder Minus - actions icon from HeroIcons
folder minus
Cloud 16 Solid - system icon from HeroIcons
cloud 16 solid
List Bullet - typography icon from HeroIcons
list bullet
Folder Solid - system icon from HeroIcons
folder solid
Arrow Long Right - navigation icon from HeroIcons
arrow long right
Tv 20 Solid - media icon from HeroIcons
tv 20 solid