Skip to content
Kineticons

Edit

square-pen, <SquarePen />

The pen scribbles from its nib while the page stays put.

1620243240
tsx
import { SquarePen } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <SquarePen />
  Edit
</button>

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

Icons like edit

More in Actions