Cancel 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/flat-color-icons-cancel.json
npx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-cancel.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-cancel.json
bunx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-cancel.json
Category:actions
Tags:cancelclosedismissabortexitstopcancel actionclose dialog

The cancel icon represents action cancellation and operation dismissal functionality across applications.

Featuring an X mark or cancel symbol, this icon has become the universal control for canceling actions, dismissing dialogs, and aborting operations across digital platforms and user interfaces.

Frequently Asked Questions

Common questions about the Cancel icon

Similar Icons

Camcorder - media icon from Flat Color Icons
camcorder
Automotive - interface icon from Flat Color Icons
automotive
Icons8 Cup - interface icon from Flat Color Icons
icons8 cup
Data Encryption - system icon from Flat Color Icons
data encryption
Camera Addon - media icon from Flat Color Icons
camera addon
Disclaimer - communication icon from Flat Color Icons
disclaimer
Clear Filters - interface icon from Flat Color Icons
clear filters
Lock Portrait - interface icon from Flat Color Icons
lock portrait
Money Transfer - actions icon from Flat Color Icons
money transfer