Почему логотип Не отображается в IE и Edge?

Question

[Illia T]

Прошёлся по докам (и в caniuse глянул) на предмет НЕподдержки отдельными браузерами, но то, на что я грешил, поддерживается. Может быть я не там или не на то смотрю?!
В общем, логотип является ссылкой, со свойством background: url ...

<a class="logo" href="/"></a>

.logo {
    width: 194px;
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' …376 6.263 6.263 0 0 0 3.432 5.528c.097.046.191.093.287.137z'/%3E%3C/svg%3E) no-repeat;
    background-size: contain;
}

Comments

[Illia T]

Изобретатель Дикпиков, это НЕ я. И это работает в хроме, но НЕ работает в упомянутых.

[Illia T]

Михаэль Вейк, 1 - работа НЕ моя: мне лишь нужно устранить проблемы. 2 - не буду давать линк на сайт, но в хроме у меня всё работает.

[WapSter]

В двойные кавычки засунь строку на ресурс. Я не знаю почему вас редактор не ругает за такую ересь.

[xdevelx]

Для svg используйте encoder https://yoksel.github.io/url-encoder/ru/ и будет в IE отображаться.

[Illia T]

Михаэль Вейк, видно

Answer 1

[sriver]

По-моему оно не должно отображаться и в нормальных браузерах, если не задать ему стиль display: block;