Почему иконки из SVG-спрайта помещенные в карусель не отображаются в IE после ее инициализации?

Question

[ROBsoer]

Есть SVG-спрайт, реализован через , подключен вверху страницы.
На странице карусель, в элементах которой используются иконки из спрайта.
Иконки вне карусели (да и в карусели до того, как она проинициализировалась) отображаются хорошо. Но после инициализации в IE всех версий пропадают. В Edge проблем нет.

Пример на codepen

В примере специально использовал 2 разных карусели - Slick и Owl Carousel. Дал задержку в 2с, чтобы было видно, что иконки отображаются хорошо до инициализации.

Есть идеи?

UPD: Эффект только в комбинации IE + Win10. На Win7 все работает хорошо. В Edge на Win10 тоже

Comments

[ROBsoer]

Александр А: Что именно? Про самозакрывающийся тег? Не понимаю это предупреждение от IE, там все ок с тегами

[ROBsoer]

Александр А: Owl плагин не при делах. Я не заморачивался с ним, главное что бы каруселил. В slick так же пропадают иконки. И в основном проекте не работает, там JS ошибок в консоли нету.
Тут или что-то с XML неймспейсами или баг IE при рендеринге. Во только не знаю как пофиксить или зафолбечить.
А про самозакрывающийся тег - вообще бред. Тег нормально там закрывается

[ROBsoer]

Александр А: "не заморачиваюсь" относилось к карусели и конкретно в этом случае, потому что здесь она не важна, проверял. Даже issue на slick оформлял. Чтобы отбросить этот вариант в примере использовал сразу две карусели.
Встречал на stackoveflow ту же проблему, но с AJAX. Там она так и осталась без решения.

Схожи с Вашими рекомендации [я находил уже](stackoverflow.com/questions/27494296/svg-not-showi..., но проблему они не решили. Перепробовал разные значения.

2-я неделя пошла...