Controls

Stroke width2px
Size120px
Animated
Speed
compassnavigationdirectionexploremaporientation

Compass

Animated compass SVG icon for React and Next.js. Represents navigation, direction, exploration, and orientation with a smooth spinning animation.

import Compass from "cssvg-icons/compass";

export default function App() {
  return (
    <Compass
      color="#ffffff"
      strokeWidth={2}
      size={120}
    />
  );
}

Details

AuthorHari

Missing something?

Need a variant of Compass or a different style? Open a GitHub issue and we'll add it to the queue.

Request a variant