Не отображаются svg заданные фоном в ie 11?

Question

[Илья Морунов]

Для отображения svg использую стили:

Пример кода разместил здесь

Вместо иконки вижу сплошной залитый цветом прямоугольник...

Гугл не помог. Описаны проблемы с установкой svg в html или замена ковычек на спец символы. Ничего из этого мне не помогло.
Может кто сталкивался с такой проблемой?

Comments

[Rustam Bainazarov]

Проблема не в SVG, а в том, что вы используете CSS-маску, которая в IE11 не поддерживается.
https://caniuse.com/#search=Mask-image

В целом, немного странный подход к задаче.

[Илья Морунов]

Рустам Байназаров, Не пойму почему странный подход. Я mask-image использую не для работы с ИЕ. Я пробовал заменить mask-image на background - результат такой же.

[Ankhena]

Для bg прогоняйте svg через конвертер https://websemantics.uk/tools/svg-to-background-im... или ручками заменяйте символы

[Илья Морунов]

Ankhena, Через другой конвертер и руками - не помогло. Ресурс, который скинули Вы, мне помог. Спасибо!