X icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/lucide-x.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-x.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-x.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-x.json
Category:actions
Tags:closecanceldismissexitremovedeleteXclear

The X icon represents close, cancel, and dismiss actions in user interface applications.

Featuring two diagonal crossing lines forming a clear X mark, this universally recognized symbol indicates the ability to close dialogs, dismiss notifications, cancel operations, or remove items across virtually all digital interfaces.

Frequently Asked Questions

Common questions about the X icon

Similar Icons

Signpost Big - navigation icon from Lucide
signpost big
Washing Machine - interface icon from Lucide
washing machine
Flower - interface icon from Lucide
flower
Folder - system icon from Lucide
folder
Framer - interface icon from Lucide
framer
Map Pinned - navigation icon from Lucide
map pinned
List Filter Plus - data icon from Lucide
list filter plus
Funnel - actions icon from Lucide
funnel
Snowflake - interface icon from Lucide
snowflake