X Mark 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-mark-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-mark-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-mark-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-x-mark-solid.json
Category:interface
Tags:xclosecanceldismissremoveexitmark

The x-mark icon represents close and cancel actions with its simple X mark design showing dismissal.

This close symbol has become the universal indicator for closing windows, canceling actions, dismissing dialogs, and removing items across all modern applications and operating systems.

Frequently Asked Questions

Common questions about the X Mark Solid icon

Similar Icons

Plus Circle - actions icon from HeroIcons
plus circle
Flag 20 Solid - actions icon from HeroIcons
flag 20 solid
Bolt 16 Solid - status icon from HeroIcons
bolt 16 solid
Arrows Pointing Out Solid - interface icon from HeroIcons
arrows pointing out solid
Phone 16 Solid - communication icon from HeroIcons
phone 16 solid
Calculator Solid - interface icon from HeroIcons
calculator solid
Calendar Solid - interface icon from HeroIcons
calendar solid
Percent Badge - interface icon from HeroIcons
percent badge
Phone X Mark 16 Solid - communication icon from HeroIcons
phone x mark 16 solid