Vertical padding

square-padding-vertical, <SquarePaddingVertical />

The inset lines move in from the top and bottom, widening the padding, and spring back.

1620243240

tsx

import { SquarePaddingVertical } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <SquarePaddingVertical />
  Vertical padding
</button>

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

Vertical padding

Icons like vertical padding