Install with shadcn CLI
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle.jsonnpx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle.jsonbunx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle.jsonCategory: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 icon
Similar Icons
arrow path 16 solid
arrow turn right down
beaker solid
arrow top right on square
clipboard solid
link slash solid
gif 20 solid
backspace 20 solid
pencil square
