CSS: Mismatching fill-color when using inline SVG for cursor image

Question

I\'m using an inline SVG as a cursor image:

#someElement{
  cursor: url("data:image/svg+xml,%3Csvg version=\'1.1\' id=\'Layer_1\' xmlns=\'http://www.w3.o