Top padding
square-padding-top, <SquarePaddingTop />
The inset line moves in from the top, widening the padding, and springs back.
1620243240
tsx
import { SquarePaddingTop } from "kineticons";
// moves when the button is pointed at or focused
<button className="ki-trigger">
<SquarePaddingTop />
Top padding
</button>npm install kineticons. Works in Server Components; only the icons you import are bundled.