Distribute down
distribute-vertical, <DistributeVertical />
The two blocks and their guides draw together, then spread back out evenly.
1620243240
tsx
import { DistributeVertical } from "kineticons";
// moves when the button is pointed at or focused
<button className="ki-trigger">
<DistributeVertical />
Distribute down
</button>npm install kineticons. Works in Server Components; only the icons you import are bundled.
Icons like distribute down
More in Development- distribute-horizontal
- align-horizontal-distribute-end
- align-horizontal-distribute-start
- align-vertical-distribute-end
- align-vertical-distribute-start
- align-vertical-space-around
- align-vertical-space-between
- align-horizontal-space-around
- align-horizontal-space-between
- align-vertical-justify-center
- align-vertical-justify-end
- align-vertical-justify-start