Skip to content
Kineticons

Line with dot at bottom

line-dot-bottom-vertical, <LineDotBottomVertical />

The line runs along to the dot, which takes the knock and pushes on a little before settling.

1620243240
tsx
import { LineDotBottomVertical } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <LineDotBottomVertical />
  Line with dot at bottom
</button>

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

Icons like line with dot at bottom

More in Development