Top and bottom margins
margin-vertical, <MarginVertical />
The top and bottom edges push out from the box, which flattens a little, and they come back.
1620243240
tsx
import { MarginVertical } from "kineticons";
// moves when the button is pointed at or focused
<button className="ki-trigger">
<MarginVertical />
Top and bottom margins
</button>npm install kineticons. Works in Server Components; only the icons you import are bundled.