How to set svg cursor color?

Question

css

.wrapper {
    cursor: url(/icons/krestik.svg), default;
}

How can the cursor be set to fill? Or is there another way to change its color?

Answer 1

Download cursor via ajax.
We change the color in the cursor, which is represented by text data.
We encode in base64.
Pin a new style tag to the page

.wrapper {
    cursor: url('data:image/svg+xml;....'), default;
}