How to reference inline svg as cursor in css style?

Question

how to reference an inline svg as cursor?

In the code attach, first cursor declaration \"cursor:pointer\" an second (png) works without problems.

Third decl

Answer 1

It works once I cleaned up the syntax a little i.e. the extraneous brackets and semicolons.

The cursor is the one you provided.

.boton {
  cursor: url('data:image/svg+xml;utf8,'), auto;
}