Skip to content
Kineticons

Vertical separator

separator-vertical, <SeparatorVertical />

The two arrows push away from the line, which stretches between them.

1620243240
tsx
import { SeparatorVertical } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <SeparatorVertical />
  Vertical separator
</button>

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

Icons like vertical separator

More in Text