There's a CSS property called cursor where you're able to specify what image you want to use as a cursor on your webpage. It's syntax works like this: body { cursor: url("cursor.png"), auto; } If memory serves me well, you need that auto or else the browser won't have a fallback cursor to use. Also remember to use an image less than 128x128, and more preferably 32x32 because browsers will block it from working due to this: While the specification does not limit the cursor image size, user agents commonly restrict them to avoid potential misuse. For example, on Firefox and Chromium cursor images are restricted to 128x128 pixels by default, but it is recommended to limit the cursor image size to 32x32 pixels. Cursor changes using images that are larger than the user-agent maximum supported size will generally just be ignored. -MDN reference, cursor, https://developer.mozilla.org/en-US/docs/Web/CSS/cursor Answer from GDJosef on reddit.com