Display custom image as cursor

Question

I've been trying to display a custom cursor icon on my site.

I've tried

html {
  cursor: url("https://i.imgur.com/hjMEGpb.png"), auto;
}

I don't see it's working.

What did I do wrong ?

I'm testing on the latest version of Chrome.

Answer 1

Probably related to the image size which a bit big. Use a smaller one:

html {
  cursor: url("https://i.sstatic.net/wu8CP.png"), auto;
}