css custom cursor showing invalid property value

I am trying to create a custom cursor image on my <body> tag .It’s not working and Mozilla showing invalid property value . But I can’t fix this please check my css :

body {
height : 100%;
box-sizing : border-box;
background : transparent;
margin : 0;
padding : 0;
cursor: url(icons/cursoricon.png), auto;

A screenshot here

Thank You !

Have you seen this question and answer? It seems like changing to the following code may fix your problem, according to the Mozilla guide.

cursor: url(icons/cursoricon.png) 2 2, auto;

*Where 2 is optional X and Y coordinates. Not sure why it fixed this person’s problem, as it seems the parameters are optional, but worth trying.