17 cursors

Outline cursor pack

Hollow, light and easy on the eye.

CC0 1.0

Paper-filled cursors traced with a fine ink line. A lighter, airier take on the classic set that sits quietly over documents, spreadsheets and design work. All 17 Windows cursor roles, free to use for anything.

Fill: Paper, 90% opaque
Edge: Ink, 1.5 px
Sizes: 32, 48, 64 and 128 px in every file
Animated: Working in background and Busy: 8 frames at 10 frames a second

Download

Get the whole pack

For Windows

15 .cur files and 2 animated .ani files, each holding every size (32, 48, 64, 128 px), plus an installer and a short README.

Download the .zip (142 KB)

For the web

Every cursor as a 32 px PNG and a 64 px PNG, plus cursors.css with one ready rule per cursor, hotspot and fallback included.

Download the .zip (46 KB)

The set

Every cursor in the pack

Move your mouse over a cursor to use it. Open one to see it at every size, with its hotspot marked.

Normal select Windows Arrow CSS default
Help select Windows Help CSS help
Working in background Windows AppStarting · animated CSS progress
Busy Windows Wait · animated CSS wait
Precision select Windows Crosshair CSS crosshair
Text select Windows IBeam CSS text
Handwriting Windows NWPen Windows-only role, no CSS keyword
Unavailable Windows No CSS not-allowed
Vertical resize Windows SizeNS CSS ns-resize
Horizontal resize Windows SizeWE CSS ew-resize
Diagonal resize 1 Windows SizeNWSE CSS nwse-resize
Diagonal resize 2 Windows SizeNESW CSS nesw-resize
Move Windows SizeAll CSS move
Alternate select Windows UpArrow Windows-only role, no CSS keyword
Link select Windows Hand CSS pointer
Location select Windows Pin Windows-only role, no CSS keyword
Person select Windows Person Windows-only role, no CSS keyword

Install

Put the cursors to work

On Windows 11

Download the Windows bundle and unzip it somewhere you can find again.
Right-click install.inf and choose Install (under Show more options if you do not see it). Accept the administrator prompt.
Open Settings > Bluetooth & devices > Mouse > Additional mouse settings.
On the Pointers tab, pick Studio Cursor Outline under Scheme and press Apply.

To go back, pick Windows Default (system scheme) in the same list. The Windows 11 guide covers setting cursors one by one and fixing a scheme that keeps resetting.

On a website

Download the web bundle and copy its PNGs and cursors.css into one folder on your site.
Link the stylesheet, then add a class such as cursor-hand to any element.

HTML

<!-- in <head> -->
<link rel="stylesheet" href="/cursors/cursors.css">

<!-- then on any element -->
<a class="cursor-hand" href="/pricing/">See pricing</a>

Or copy a single rule for one cursor, with the path to wherever you put the PNG:

CSS

.cta {
  cursor: url("/cursors/hand-32.png") 11 2, pointer;
}

New to custom cursors in CSS? Read how to change the cursor in CSS and the url() reference .

License

Free to use, no credit needed

The Outline pack is released under CC0 1.0 Universal. Use it on your computer, in your website, app or game, change it, and include it in work you sell, without asking and without credit. The licenses page has the details.