SVG спрайт не работает в firefox и IE

#html #css #svg #icon #svg_спрайт

Есть спрайт




Который вот так вызывается





В хроме работает отлично как надо
    

Ответы

Ответ 1

Можно ещё раз внимательно прочитать первую половину  ответа насчет экспериментальных
технологий  Chrome, который не требует указания имени файла при вызове спрайта. 
А остальные браузеры требуют указания имени файла.  

#1. Вот смотрите, добавляю инлайн в HTML файл-спрайт с иконками:  











Работает во всех браузерах. 

#2. Для случая, когда спрайт оформлен в виде отдельного файла   

Если спрайт, в котором находится иконка является отдельным файлом, то необходимо
сначала добавить этот файл в HTML 

  


И только потом вызывать иконку по ID из этого спрайта: 


 


Note

Экспериментальные технологии Chrome в этом вызове допускают не указывать имя файла,
в котором хранится иконка, но для более полной поддержки всеми браузерами лучше указывать
имя файла