The HugeIcons cancel 01 icon depicts a clear 'X' symbol, commonly used in user interfaces to close windows, dismiss notifications, or indicate an action that will be aborted.
Common uses
- Closing a modal dialog
- Dismissing a toast notification
- Canceling a form submission
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Cancel01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Cancel01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- closexdismissabort
FAQ
- What is the primary purpose of the cancel 01 icon?
- Its primary purpose is to signify an action that can be stopped or undone, or to close an element like a window or dialog.
- How do I use the Cancel01Icon in a React application?
- Import it as 'Cancel01Icon' from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component like this: <HugeiconsIcon icon={Cancel01Icon} />.
- What is the license for this icon?
- The HugeIcons icon library, including this 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 →