The Lucide circle icon is a simple geometric shape often used to represent concepts like zero, a placeholder, or a status indicator.
Common uses
- Representing a 'zero' value or count.
- As a bullet point or list item marker.
- Indicating an inactive or default state.
Use it in React
Install
npm i lucide-reactImport & render
import { Circle } from 'lucide-react';
<Circle size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- offzerorecordshapecircledot
FAQ
- What is the circle icon used for?
- It's typically used for abstract concepts like zero, a placeholder, or an inactive state in user interfaces.
- How do I use the circle icon in React?
- You can import it directly from the 'lucide-react' library like this: import { Circle } from 'lucide-react'.
- What is the license for the Lucide circle icon?
- The Lucide icon library, including the circle 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 →