Skip to content
Kineticons

Space around (vertical)

align-vertical-space-around, <AlignVerticalSpaceAround />

The block sways from side to side and settles in the middle; the guides lean in to keep the spacing even.

1620243240
tsx
import { AlignVerticalSpaceAround } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <AlignVerticalSpaceAround />
  Space around (vertical)
</button>

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

Icons like space around (vertical)

More in Development