The Tabler circle dotted icon visually represents a circular outline composed of dots, often used to indicate a loading state, a progress indicator, or a placeholder for a circular element.
Common uses
- Loading spinner
- Progress bar segment
- Placeholder for avatar
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleDotted } from '@tabler/icons-react';
<IconCircleDotted size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapepointcheckcircledottedroundcirculargeometryformfigureshapesloading circleprogress dotdashed circleoutline circle
FAQ
- What is the circle dotted icon used for?
- It's commonly used for loading indicators, progress visualization, or as a stylistic element representing a dotted circle.
- How do I use the circle dotted icon in React?
- You can import and use it directly with: import { IconCircleDotted } from '@tabler/icons-react'
- What is the license for the Tabler circle dotted icon?
- The Tabler icon library, including the circle dotted 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 →