Skip to content
Kineticons

Dashed circle

circle-dashed, <CircleDashed />

The dashes chase each other an eighth of a turn round the circle.

1620243240
tsx
import { CircleDashed } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <CircleDashed />
  Dashed circle
</button>

npm install kineticons. Works in Server Components; only the icons you import are bundled.

Icons like dashed circle

More in Shapes & math