Cross 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/akar-icons-cross.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cross.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cross.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cross.json
Category:interface
Tags:crossclosecanceldismissxremoveexit

The cross icon represents close actions, cancellation, and dismissal operations in user interfaces.

Featuring an X or cross mark symbol, this icon has become the universal indicator for closing windows, canceling operations, and dismissing elements across digital platforms.

Frequently Asked Questions

Common questions about the Cross icon

Similar Icons

Chevron Horizontal - navigation icon from Akar Icons
chevron horizontal
More Vertical Fill - interface icon from Akar Icons
more vertical fill
Triangle Alert - status icon from Akar Icons
triangle alert
Circle Chevron Down Fill - navigation icon from Akar Icons
circle chevron down fill
Thumbs Down - actions icon from Akar Icons
thumbs down
Link On - actions icon from Akar Icons
link on
Triangle Right - navigation icon from Akar Icons
triangle right
Pointer Left Fill - navigation icon from Akar Icons
pointer left fill
Eye Closed - interface icon from Akar Icons
eye closed