The Tabler circle dashed x icon visually represents a cancellation or closure action within a circular, dashed boundary, commonly used to dismiss or reject an item.
Common uses
- Close modal window
- Cancel form submission
- Reject a request
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleDashedX } from '@tabler/icons-react';
<IconCircleDashedX size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- cancelmultiplyclosecrossdenyexitremoverejecteliminateterminateshapescircledashedxcancel circleclose dashed
FAQ
- What is the purpose of the circle dashed x icon?
- It's primarily used to indicate an action that cancels, closes, or rejects something in a user interface.
- How do I use this icon in React?
- Import it using `import { IconCircleDashedX } from '@tabler/icons-react'` and then use it as a component: `<IconCircleDashedX />`.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.