About custom cursor

Can i set custom cursor by svg like this, it seems don’t work

let cursor2 = `url('data:image/svg+xml;utf8,<svg fill="%23FF0000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>') 24 24, auto;`

diagram.defaultCursor = cursor2;

I don’t know about that. I also tried a URL that was properly encoded, but that didn’t work either.

I refer this web page