Доброго времени суток!
На странице использую 2 svg спрайта, оба генерируются gulp через symbol. Первый подключается вверху страницы прямо в html, вида:
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-1" viewBox="0 0 48 43" preserveAspectRatio="xMidYMid">
<path d="....." class="cls-1"></path>
</symbol>
<symbol id="icon-2" viewBox="0 0 53 40" preserveAspectRatio="xMidYMid">
<path d="....." class="cls-1"></path>
</symbol>
и в иконках используется так:
<svg width="48" height="43">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-1"></use>
</svg>
А второй просто в иконках дополнительно указывается файл спрайта
<svg class="contacts-list__icon" width="22" height="21">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="images/sprite.svg#icon-3"></use>
</svg>
Но проблема в том, что в IE11 (не говоря уже о 10) иконки из второго спрайта не отображаются. Не пойму в чем может быть проблема :(
Средний
