Free cursor SVG elements
Browse free cursor SVG elements for interface mockups, help guides and presentations. Cursor graphics can point to a button, mark a click in a walkthrough or show where someone should drag an item. They also work in diagrams that explain mouse and pointer actions. Each item is real SVG code made by our own models and checked before publication.
Recolour an element on this page, or change the colour of the whole grid. You can also adjust stroke width, size, opacity and rotation. Copy the SVG code, use it as a CSS background or mask, or export PNG, WebP or JPG. React components and data URIs are available too.
Packs
Sets drawn in one style.
Arrow Cursor
Click Cursor
Hand Pointer
Text Cursor
Crosshair
Move Cursor
Drag Cursor
Loading Cursor
Resize Cursor
Zoom In Cursor
Help Cursor
Not Allowed Cursor
Zoom Out Cursor
Grab Cursor
Grabbing Cursor
- Pro
Vertical Resize Cursor
- Pro
Cell Cursor
- Pro
Horizontal Resize Cursor
- Pro
Diagonal Resize Cursor
- Pro
Pen Cursor
- Pro
Copy Cursor
- Pro
Link Pointer
- Pro
Selection Cursor
- Pro
Eraser Cursor
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More elements
Questions
- Can I change the colour of a cursor?
- Yes. You can recolour an element or the whole grid on this page, and adjust stroke width, size, opacity and rotation.
- Can I use these cursors in a website?
- You can copy the SVG code or export CSS as a background-image or mask-image data URI. Free-account downloads are for personal projects; Pro and Max downloads have a commercial licence.
- Do I need to credit the creator?
- No credit line is needed. The licence is fixed when you download an item and stays with that download.