Controls

Stroke width2px
Size120px
Animated
Speed
cursorpointermouseclickinputinteractive

Cursor

Animated cursor SVG icon for React and Next.js. Represents mouse pointers, interactive elements, click actions, and user input with a lively cursor animation.

import Cursor from "cssvg-icons/cursor";

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

Details

AuthorHari

Missing something?

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

Request a variant