Фоновое изображение SVG SA Данные: изображение не отображается ⇐ CSS

[Anonymous]

У меня есть SVG в качестве фонового изображения, и я хотел бы иметь возможность обновлять цвет, как я хочу, поэтому я создал SCSS Mixin < /p>

Код: Выделить всё

@mixin backgroundTick($color) {
background-image: url('data:image/svg+xml;utf8,
');
}
< /code>

Например, результат может я < /p>

data:image/svg+xml;utf8,

Но ничего не отображается, см. В этом примере https://jsfiddle.net/96emhq4v/
образного/>
Но если я создаю файл svg, содержащий


< /code>

Нет проблем < /p>

Подробнее здесь: https://stackoverflow.com/questions/601 ... -displayed