The HugeIcons cancel circle half dot icon depicts a circular shape with a half-filled segment and a diagonal line, commonly used to indicate cancellation or a partially completed action.
Common uses
- Canceling a form submission
- Closing a modal window
- Indicating a failed or incomplete process
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CancelCircleHalfDotIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CancelCircleHalfDotIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- close circlecancel halfincompleteerror
FAQ
- What does this icon represent?
- This icon represents cancellation or a partially completed action. It's often used for closing elements or indicating an incomplete state.
- How do I use this icon in React?
- Import the icon and then render it using the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { CancelCircleHalfDotIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={CancelCircleHalfDotIcon} />.
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free usage in both personal and commercial projects.
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 →