Free Pixel Cursors

Download 50+ custom pixel art cursors as SVG and PNG, drawn on a 32×32 grid with light and dark variants. Drop them into your website with two lines of CSS, or use them in your design tools.

Buy the Pro pack · €9

All SVG files Win/Mac system files Pay once, use forever

How to use

Add pixel art cursors to your website with CSS. Use the PNG versions for the crispest rendering:

cursors.css

/* Works as-is: files load from pixelarticons.com.
   For production, download the files and self-host them. */

/* Default cursor */
body {
  cursor: url('https://pixelarticons.com/free/cursors/default.png') 4 1, default;
}

/* Pointer cursor for links and buttons */
a, button {
  cursor: url('https://pixelarticons.com/free/cursors/pointer.png') 12 1, pointer;
}

/* Dark mode variants */
html.dark body {
  cursor: url('https://pixelarticons.com/free/cursors/default-dark.png') 4 1, default;
}
html.dark a, html.dark button {
  cursor: url('https://pixelarticons.com/free/cursors/pointer-dark.png') 12 1, pointer;
}