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

Similar Icons

Arrow Up Right 20 Solid - navigation icon from HeroIcons
arrow up right 20 solid
Battery 0 - status icon from HeroIcons
battery 0
Chevron Up Down Solid - interface icon from HeroIcons
chevron up down solid
Document Currency Pound 20 Solid - interface icon from HeroIcons
document currency pound 20 solid
Presentation Chart Bar Solid - data icon from HeroIcons
presentation chart bar solid
Bell Snooze - communication icon from HeroIcons
bell snooze
H1 20 Solid - typography icon from HeroIcons
h1 20 solid
Wrench 16 Solid - system icon from HeroIcons
wrench 16 solid
Arrow Down On Square Stack Solid - actions icon from HeroIcons
arrow down on square stack solid