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

Similar Icons

Speaker Wave 16 Solid - media icon from HeroIcons
speaker wave 16 solid
Arrow Turn Right Up - actions icon from HeroIcons
arrow turn right up
Presentation Chart Bar 20 Solid - data icon from HeroIcons
presentation chart bar 20 solid
Viewfinder Circle Solid - interface icon from HeroIcons
viewfinder circle solid
Trophy 20 Solid - interface icon from HeroIcons
trophy 20 solid
Document Currency Pound - interface icon from HeroIcons
document currency pound
Receipt Percent - data icon from HeroIcons
receipt percent
Document Currency Rupee - interface icon from HeroIcons
document currency rupee
Phone Arrow Down Left 16 Solid - communication icon from HeroIcons
phone arrow down left 16 solid