CSS Cursor pointer with SVG image

Question

I\'m trying to apply a custom cursor pointer with an SVG image but it\'s not working, instead if I use a png image everything is working fine.

Here\'s my code.

Answer 1

Your image is simply too large. Reduce the width and height to something less than 128px.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property#Limitations

...the limit of the cursor size is 128×128px. Larger cursor images are ignored.

Example:
https://jsfiddle.net/xhk4zo8y/