---
title: "Custom Cursor Maker: Draw PNG & .cur Cursors | Cursor Cove"
description: "Draw a custom cursor on a 32×32 grid or import an image, set the hotspot, try it live, then download a PNG, a Windows .cur file and the CSS. Free."
url: https://cursorcove.click/
---

Custom cursor maker

# Draw your own cursor, pixel by pixel

Paint on a 32 × 32 grid or import a picture, set the hotspot, wave it around this page, then download a PNG, a Windows .cur file and ready CSS. Nothing is uploaded.

## From blank grid to working cursor

1. **Start somewhere.** Pick a starter shape, import a picture (it is scaled onto the grid), or clear the grid and draw from nothing.
2. **Draw.** Pencil, eraser, fill and a colour picker, with undo. *Outline* rings the drawing in the current colour, which keeps a cursor visible on both light and dark pages.
3. **Set the hotspot.** Choose the Hotspot tool and click the pixel that should do the clicking: the tip of an arrow, the centre of a crosshair.
4. **Try it.** Point at the test area, click the targets to check the hotspot, or switch it on for the whole page.
5. **Export.** Download the PNG (and a 2× copy), the .cur file, and copy the CSS.

## What you get

The **PNG** is the file browsers use: `cursor: url("cove-cursor.png") 0 0, auto`, where the two numbers are the hotspot and `auto` is the fallback when the image cannot load.

The **.cur file** is a Windows cursor with the hotspot stored inside, so it works in Windows' own mouse settings (Mouse Properties, Pointers, Browse) and in CSS without the two numbers.

Your drawing is kept in this browser between visits. It is never uploaded.

## More cursor tools

Four more ways to get cursors right, free and in your browser.

- [Gallery CSS cursor gallery Hover over all 36 cursor keywords to see your system's own cursors, then copy the CSS.](https://cursorcove.click/css-cursor-gallery/)
- [Hotspot Cursor hotspot editor Open a PNG, SVG or .cur file, click the pixel that should do the clicking, and export.](https://cursorcove.click/cursor-hotspot-editor/)
- [Trails Cursor trail generator Dots, a fading line, sparkles or bubbles behind the pointer, as plain JavaScript and CSS.](https://cursorcove.click/cursor-trail-generator/)
- [CSS Cursor CSS generator Write a cursor rule with a 2× image-set, fallbacks and size checks against browser limits.](https://cursorcove.click/cursor-css-generator/)

## Recommended

Two free services that come in handy around cursor and web design work.

Temporary email · no sign-up

### CleanTempMail

Cursor packs, icon sets and design freebies often ask for an email address before the download link arrives. Give them a CleanTempMail address instead: a free temporary inbox opens at once, with no sign-up, a random or custom address on hundreds of domains, and messages that are deleted automatically after 3 days.

The download link lands; the newsletters never reach your real inbox.

[Get a temporary inbox](https://cleantempmail.com/)

Disposable cloud browser

### WebTraceCheck

Every browser draws cursors its own way, and size limits differ. WebTraceCheck opens your page in a disposable cloud browser, with Brave, Chrome, Edge, Firefox or Chromium on an isolated Linux desktop that is deleted after the session, so you can check your custom cursor where you do not have that browser installed.

Nothing to install, with free time every day.

[Open a disposable browser](https://webtracecheck.com/)

## Questions

**Why is the grid 32 × 32 pixels?**

That is the size browsers handle best. MDN recommends cursor images of at most 32 × 32, Firefox has limited custom cursors to 32 × 32 since version 67, and Firefox and Chromium ignore anything over 128 × 128. For sharp edges on high-density screens, export the 2× copy as well.

**What is the hotspot?**

The single pixel that clicks. Its numbers count from the top-left corner of the image, which is 0, 0. An arrow needs the hotspot on its tip, a crosshair or ring on its centre. Click the targets in the test area to check it.

**Should I use the PNG or the .cur file?**

For a website, the PNG with the hotspot numbers in the CSS works in every desktop browser. The .cur file stores the hotspot itself, which Windows needs when you set it as your mouse pointer, and desktop browsers can use it in CSS too.

**Is my drawing uploaded or saved?**

Nothing is uploaded: drawing, importing and exporting all happen in your browser. Your current drawing is kept in this browser's local storage so it is still there next time; Clear and a new starter shape replace it.

**Why does my cursor not show on my phone?**

Touch screens have no pointer to draw, so cursors only appear with a mouse, trackpad or pen. An iPad with a mouse or trackpad does show url() cursors in Safari (since iPadOS 13.4, according to MDN's compatibility data).