Busy · Wait

Outline: Busy cursor

The Busy 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-wait-32.png) 16 16, wait; Move your mouse over this box Cursors only appear with a mouse or trackpad. Open this page on a computer to see this one.

The first frame, as a browser shows it. Hotspot at 16, 16; on Windows the .ani file plays every frame.

About this cursor
Pack	Outline
Windows role	Busy (`Wait`)
CSS keyword	`wait`
Hotspot	`16 16` at 32 px
Sizes	32 px, 48 px, 64 px, 128 px
Windows file	`wait.ani`
Animation	8 frames, 0.80 s per loop
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 .ani file stores it.

32 px hotspot 16 16
48 px hotspot 24 24
64 px hotspot 33 33
128 px hotspot 66 66

The animation

8 frames, each shown for 6 jiffies (100 ms). Browsers show only the first frame of a cursor image; Windows plays the .ani file.

Download

Take this cursor

Animated .ani for Windows (770 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 Outline pack page.

Use it on the web

Copy the CSS

CSS

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

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