Circle Dashed icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable status vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/lucide-circle-dashed.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-circle-dashed.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-circle-dashed.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-circle-dashed.json
Category:status
Tags:circledashedincompletependingloadingprogresspartialtemporary

The circle-dashed icon represents incomplete boundaries and pending states in progress and placeholder systems.

Featuring a circular outline with dashed segments, this symbol has become the standard for indicating temporary, incomplete, or loading states in interface design.

Frequently Asked Questions

Common questions about the Circle Dashed icon

Similar Icons

Drumstick - media icon from Lucide
drumstick
Circle User Round - interface icon from Lucide
circle user round
Pocket Knife - system icon from Lucide
pocket knife
Mic Off - media icon from Lucide
mic off
Badge Cent - interface icon from Lucide
badge cent
Badge Euro - interface icon from Lucide
badge euro
Badge Info - status icon from Lucide
badge info
Badge Plus - actions icon from Lucide
badge plus
Notebook - data icon from Lucide
notebook