Precision Select · Crosshair

Outline: Precision select cursor

The Precision select cursor from the Outline pack, free to use under CC0, as a Windows cursor file or a PNG with ready CSS for the web.

cursor: url(outline-crosshair-32.png) 16 16, crosshair; 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 16, 16, falling back to crosshair.

About this cursor
Pack	Outline
Windows role	Precision Select (`Crosshair`)
CSS keyword	`crosshair`
Hotspot	`16 16` at 32 px
Sizes	32 px, 48 px, 64 px, 128 px
Windows file	`crosshair.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 16 16
48 px hotspot 24 24
64 px hotspot 33 33
128 px hotspot 66 66

Download

Take this cursor

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

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

Use it on the web

Copy the CSS

CSS

.my-element {
  cursor: url("outline-crosshair-32.png") 16 16, crosshair;
}

Save the PNG next to your stylesheet as outline-crosshair-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