The Tabler circle dashed icon visually represents a circular outline composed of dashes, often used to indicate a loading state, an indeterminate progress, or a placeholder.
Common uses
- Loading spinner
- Indeterminate progress bar
- Placeholder for an image or content
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleDashed } from '@tabler/icons-react';
<IconCircleDashed size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapelinecheckcircledashedroundcirculargeometryformfigureshapesloading spinnerprogress indicatordashed circleoutline dashed
FAQ
- What is the circle dashed icon used for?
- It's commonly used to signify ongoing processes like loading or indeterminate progress, or as a visual placeholder.
- How do I use the circle dashed icon in React?
- You can import and use it directly with: `import { IconCircleDashed } from '@tabler/icons-react'`.
- What is the license for the circle dashed icon?
- The Tabler icon library, including the circle dashed icon, is available under the MIT license.
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 →