Cursor icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cursor.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cursor.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cursor.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-cursor.json
Category:interface
Tags:cursorpointerclickmouseselectinteractionarrow

The cursor icon represents mouse pointer interaction, click actions, and selection controls in interface design and interaction tutorials.

Featuring a classic arrow cursor or pointer symbol, this icon is commonly used to indicate clickable areas, interactive elements, cursor customization, and pointer-based interaction instructions in UI documentation, tutorial overlays, and accessibility settings.

Frequently Asked Questions

Common questions about the Cursor icon

Similar Icons

Arrow Repeat - media icon from Akar Icons
arrow repeat
Hashtag - communication icon from Akar Icons
hashtag
Arrow Up Right - navigation icon from Akar Icons
arrow up right
Battery Medium - status icon from Akar Icons
battery medium
Arrow Up Thick - navigation icon from Akar Icons
arrow up thick
Redux Fill - system icon from Akar Icons
redux fill
Drag Horizontal Fill - interface icon from Akar Icons
drag horizontal fill
Pinterest Fill - communication icon from Akar Icons
pinterest fill
Google Fill - communication icon from Akar Icons
google fill