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/oi-x.json
npx shadcn@latest add https://www.shadcn.io/registry/oi-x.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/oi-x.json
bunx shadcn@latest add https://www.shadcn.io/registry/oi-x.json
Category:actions
Tags:xclosecancelexitdismissremoveclose button

The x icon represents close actions, dismissal functionality, and cancel operations in interface and dialog applications.

Featuring an X or cross symbol, this icon indicates closing windows, dismissing dialogs, canceling operations, and exit actions across platforms where dismissal functionality is supported.

Frequently Asked Questions

Common questions about the X icon

Similar Icons

Elevator - navigation icon from Open Iconic
elevator
Media Record - media icon from Open Iconic
media record
Folder - interface icon from Open Iconic
folder
Bar Chart - data icon from Open Iconic
bar chart
Header - typography icon from Open Iconic
header
Expand Up - interface icon from Open Iconic
expand up
Caret Bottom - navigation icon from Open Iconic
caret bottom
Italic - typography icon from Open Iconic
italic
Credit Card - interface icon from Open Iconic
credit card