The Lucide circle dot icon depicts a circle with a smaller solid circle inside, often used to represent a pending state, an active item, or a single choice among options.
Common uses
- Indicate a loading or pending process.
- Show an active or selected option in a list.
- Represent a single point or item in a sequence.
Use it in React
Install
npm i lucide-reactImport & render
import { CircleDot } from 'lucide-react';
<CircleDot size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- pendingdotprogressissuecodecodingversion controlchoicesmultiple choicechoosecirclepending dotactive circlesingle choiceprogress indicator
FAQ
- What is the circle dot icon typically used for?
- It's commonly used for pending states, active selections, or to signify a single choice or point.
- How do I use the circle dot icon in React?
- You can import it directly from the lucide-react library: import { CircleDot } from 'lucide-react'.
- What is the license for Lucide icons?
- Lucide icons, including the circle dot icon, are 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 →