v2 is out — 800 free icons now available. Read more →

Pixelarticons

Free Pixel Art Cursors

50+ custom SVG cursors on a 32×32 grid with light and dark variants. Use them as CSS custom cursors on your website or in your design tools.

How to use

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

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

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

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