How to use svg as a cursor

Question

I am trying to use an SVG image as a cursor when hovering over a specific div, but I cannot get it to work. Ive read that this should be as simple as adding this:

cursor: url(http://elusivethemes.com/assets/down.svg), auto;

But that doesn't seem to work. It is strange that this works if I use a different svg image from a different url.

Any ideas?

Thanks in advance.

Answer 1

According to the Mozilla Developer Network

Gecko 2.0 (Firefox 4/Thunderbird 3.3/SeaMonkey 2.1), Gecko SVG . SVG ( ) SVG node. JavaScript, CSS SMIL SVG ; SVG , .

, .svg .

.svg , :

<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" viewBox="0 0 320.995 320.995" x="0px" y="0px" height="200" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" viewbox="0 0 320.995 320.995" version="1.1">

width height, .
,