Handwriting · NWPen

Neon: Handwriting cursor

The Handwriting cursor from the Neon pack, free to use under CC0, as a Windows cursor file or a PNG.

cursor: url(neon-nwpen-32.png) 2 2, default; Move your mouse over this box Cursors only appear with a mouse or trackpad. Open this page on a computer to see this one.

This is the 32 px PNG, hotspot at 2, 2, falling back to default.

About this cursor
Pack	Neon
Windows role	Handwriting (`NWPen`)
CSS keyword	Windows-only role, no CSS keyword. On the web it falls back to `default`.
Hotspot	`2 2` at 32 px
Sizes	32 px, 48 px, 64 px, 128 px
Windows file	`nwpen.cur`
License	CC0 1.0

Every size

Four sizes, hotspot marked

Each image at its real pixel size. The red square marks the hotspot, the pixel that does the clicking; it moves with the size, the same way the .cur file stores it.

32 px hotspot 2 2
48 px hotspot 3 3
64 px hotspot 5 5
128 px hotspot 10 10

Download

Take this cursor

.cur for Windows (96 KB) 32 px PNG for the web (1 KB)

The Windows file holds every size above. Want the whole set, with an installer and a ready stylesheet? Get it from the Neon pack page.

Use it on the web

Copy the CSS

CSS

.my-element {
  cursor: url("neon-nwpen-32.png") 2 2, default;
}

Save the PNG next to your stylesheet as neon-nwpen-32.png, or change the path. The numbers are the hotspot; the keyword after the comma is what browsers show if the image cannot be used.

Same role