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

Similar Icons

X Circle 16 Solid - interface icon from HeroIcons
x circle 16 solid
Strikethrough Solid - typography icon from HeroIcons
strikethrough solid
Tag Solid - interface icon from HeroIcons
tag solid
Hand Thumb Down 16 Solid - communication icon from HeroIcons
hand thumb down 16 solid
Bell Snooze 16 Solid - communication icon from HeroIcons
bell snooze 16 solid
Archive Box X Mark - actions icon from HeroIcons
archive box x mark
Face Smile 20 Solid - interface icon from HeroIcons
face smile 20 solid
Arrow Up On Square 20 Solid - actions icon from HeroIcons
arrow up on square 20 solid
Shopping Cart 16 Solid - interface icon from HeroIcons
shopping cart 16 solid