Skip to content
Kineticons

Space around

align-horizontal-space-around, <AlignHorizontalSpaceAround />

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

1620243240
tsx
import { AlignHorizontalSpaceAround } from "kineticons";

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

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

Icons like space around

More in Development