Skip to content
Kineticons

Dashed squircle

squircle-dashed, <SquircleDashed />

Each dash runs on clockwise round the squircle, fades, and comes back in behind, one after another.

1620243240
tsx
import { SquircleDashed } from "kineticons";

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

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

Icons like dashed squircle

More in Shapes & math