Skip to content
Kineticons

Space between

align-horizontal-space-between, <AlignHorizontalSpaceBetween />

The two blocks gather toward the middle and push back out to the edges, which take the knock.

1620243240
tsx
import { AlignHorizontalSpaceBetween } from "kineticons";

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

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

Icons like space between

More in Development