Circle X icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-circle-x.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-circle-x.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-circle-x.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-circle-x.json
Category:interface
Tags:xclosecancelcircledismissremoveexit

The circle-x icon represents close actions, cancel operations, and dismissal controls in user interfaces.

Featuring an X mark within a circular border, this icon has become the standard indicator for closing windows, canceling actions, and dismissing notifications across digital platforms.

Frequently Asked Questions

Common questions about the Circle X icon

Similar Icons

Zoom In - actions icon from Akar Icons
zoom in
Pointer Right Fill - navigation icon from Akar Icons
pointer right fill
Hammer - system icon from Akar Icons
hammer
Check Box - interface icon from Akar Icons
check box
Health - status icon from Akar Icons
health
Height - layout icon from Akar Icons
height
Node Fill - system icon from Akar Icons
node fill
Reddit Fill - communication icon from Akar Icons
reddit fill
Circle Chevron Right - navigation icon from Akar Icons
circle chevron right