The Lucide circle dashed icon visually represents a dashed circle, often used to indicate a pending state, a draft, or an ongoing process.
Common uses
- Loading or pending state indicator
- Draft or incomplete item marker
- Progress bar segment
Use it in React
Install
npm i lucide-reactImport & render
import { CircleDashed } from 'lucide-react';
<CircleDashed size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- pendingdotprogressissuedraftcodecodingversion controlcircledashedloading
FAQ
- What does the circle dashed icon represent?
- It typically signifies something that is pending, in progress, or not yet finalized, like a draft or a loading state.
- How do I use the circle dashed icon in React?
- You can import and use it directly from the 'lucide-react' library: import { CircleDashed } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the circle dashed icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →