Partly protected

shield-half, <ShieldHalf />

The dividing line draws up the middle while the shield rocks on its point.

1620243240

tsx

import { ShieldHalf } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <ShieldHalf />
  Partly protected
</button>

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

Partly protected

Icons like partly protected