Install with shadcn CLI
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-solid.json
Category:interface
Tags:xclosecanceldismissremoveexitcircle
The x-circle icon represents close and cancel actions with its X symbol inside a circular border.
This close button has become the universal indicator for dismissing modals, canceling operations, closing dialogs, and removing items across all modern applications and interface systems.
Frequently Asked Questions
Common questions about the X Circle Solid icon