Draft notepad

notepad-text-dashed, <NotepadTextDashed />

The rings of the draft hop and its lines write themselves on the pad, top to bottom.

1620243240

tsx

import { NotepadTextDashed } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <NotepadTextDashed />
  Draft notepad
</button>

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

Draft notepad

Icons like draft notepad