The Tabler circle dashed letter x icon depicts a dashed circle with the uppercase letter X inside, commonly used to represent actions like closing, deleting, or indicating an invalid state.
Common uses
- Close button for modals or dialogs
- Cancel action button
- Error or invalid input indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleDashedLetterX } from '@tabler/icons-react';
<IconCircleDashedLetterX size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Letters
- Keywords
- alphabetuppercasecharactertexttypefonttypographyletterwritingcirclelettersdashedxclose iconcancel icondelete icon
FAQ
- What is the circle dashed letter x icon used for?
- It's typically used for actions like closing, canceling, or indicating an error or invalid state in a user interface.
- How do I use this icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconCircleDashedLetterX } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →