Diagonal Resize 2 · SizeNESW

Mono: Diagonal resize 2 cursor

The Diagonal resize 2 cursor from the Mono pack, free to use under CC0, as a Windows cursor file or a PNG with ready CSS for the web.

cursor: url(mono-sizenesw-32.png) 16 16, nesw-resize; 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 nesw-resize.

About this cursor
Pack	Mono
Windows role	Diagonal Resize 2 (`SizeNESW`)
CSS keyword	`nesw-resize`
Hotspot	`16 16` at 32 px
Sizes	32 px, 48 px, 64 px, 128 px
Windows file	`sizenesw.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 (412 bytes)

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

Use it on the web

Copy the CSS

CSS

.my-element {
  cursor: url("mono-sizenesw-32.png") 16 16, nesw-resize;
}

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