Skip to content
Kineticons

Target

crosshair, <Crosshair />

The four ticks close in on the centre and the ring tightens, taking aim.

1620243240
tsx
import { Crosshair } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <Crosshair />
  Target
</button>

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

Icons like target

More in Navigation