The HugeIcons cancel 02 icon depicts a common 'X' symbol used to close dialogs, dismiss notifications, or indicate an action that can be undone.
Common uses
- Closing modal windows
- Dismissing toast notifications
- Canceling a form submission
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Cancel02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Cancel02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- closex icondismisserror
FAQ
- What is the purpose of the cancel 02 icon?
- This icon is a standard representation for closing, dismissing, or canceling an action within a user interface.
- How do I use the Cancel02Icon in React?
- Import both HugeiconsIcon and Cancel02Icon, then render it using <HugeiconsIcon icon={Cancel02Icon} />.
- What is the license for this icon?
- The HugeIcons cancel 02 icon is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →