X Circle 20 Solid 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/heroicons-x-circle-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-circle-20-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 20 Solid icon

Similar Icons

Queue List 16 Solid - interface icon from HeroIcons
queue list 16 solid
Currency Bangladeshi 20 Solid - interface icon from HeroIcons
currency bangladeshi 20 solid
Bookmark Slash 20 Solid - actions icon from HeroIcons
bookmark slash 20 solid
Globe Europe Africa 16 Solid - navigation icon from HeroIcons
globe europe africa 16 solid
Arrow Turn Left Up Solid - actions icon from HeroIcons
arrow turn left up solid
X Circle - interface icon from HeroIcons
x circle
Hand Thumb Down 16 Solid - communication icon from HeroIcons
hand thumb down 16 solid
Light Bulb 16 Solid - interface icon from HeroIcons
light bulb 16 solid
Code Bracket Square Solid - system icon from HeroIcons
code bracket square solid