Circle X 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/oi-circle-x.json
npx shadcn@latest add https://www.shadcn.io/registry/oi-circle-x.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/oi-circle-x.json
bunx shadcn@latest add https://www.shadcn.io/registry/oi-circle-x.json
Category:status
Tags:errorcircleclosedeletecancelremovefail

The circle-x icon represents error states, deletion actions, and dismissal controls in user interfaces and feedback systems.

Featuring an X mark enclosed within a circle, this prominent symbol provides clear negative feedback, deletion confirmation, and cancellation options across applications where errors and removals require unmistakable visual communication.

Frequently Asked Questions

Common questions about the Circle X icon

Similar Icons

Hard Drive - system icon from Open Iconic
hard drive
Zoom In - actions icon from Open Iconic
zoom in
Header - typography icon from Open Iconic
header
Collapse Right - navigation icon from Open Iconic
collapse right
Italic - typography icon from Open Iconic
italic
Map Marker - navigation icon from Open Iconic
map marker
Media Pause - media icon from Open Iconic
media pause
Laptop - system icon from Open Iconic
laptop
Layers - layout icon from Open Iconic
layers