Rotate in 3D

rotate-3d, <Rotate3d />

The two rings turn edge-on and back, as if the globe were spinning, and the arrow nudges round.

1620243240

tsx

import { Rotate3d } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <Rotate3d />
  Rotate in 3D
</button>

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

Rotate in 3D

Icons like rotate in 3d