circle-dashed
Circle Dashed icon · Lucide · <CircleDashed />
circle-dashedLucide tags circle-dashed with dot, issue and progress. It's in Lucide's Coding & development and Shapes categories; similar icons include Circle Dot Dashed, Circle Dashed Check and Squircle Dashed.
24 px, stroke 2
circle-dashed.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Circle Dashed icon in React
npm install lucide-react
import { CircleDashed } from "lucide-react";
export function Example() {
return <CircleDashed />;
}
Details
| Name | circle-dashed |
|---|---|
| Component | CircleDashed (also CircleDashedIcon, LucideCircleDashed) |
| Categories | Coding & development, Shapes |
| Icon font | icon-circle-dashed, U+E4B0 |
| CSS content | "\e4b0" |
| File | lucide-static/icons/circle-dashed.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |