• Firefox and Chromium cursor images are restricted to 128x128 pixels
• It is recommended to limit the cursor image size to 32x32 pixels
• ( You can go smaller than 32x32 pixels also )
In your stylesheet ( normally saved as style.css ) or whatever stylesheet you want the cursor to appear in, you're going to apply the cursor property. The cursor should also be in your body. I took a screenshot of where I would put my cursor // just for demonstration purposes. The URL should be your own image you want to use as a custom cursor for your website. You can open up this image in a new tab if it is hard to read from the screenshot.
For simplicty purposes instead of retyping the cursor property, I have provided the code you need to insert in the textarea below =)
Examples of custom cursors
Hover over this text to see pink cursor heart here