Почему не работает подключение SVG файла c помощью img?

#html #css #css3 #svg #анимация

Сделал такой логотип с помощью SVG

Сохранил в формате .svg, а потом попытался добавить на страницу с помощью тега img
таким образом:




По какой-то причине логотип не хочет добавляться, путь 100% правильный, имя файла
тоже 100% правильное.
 Если же добавлять тот же самый код на страницу без сохранения в SVG файл, то все
работает.
    

Ответы

Ответ 1

Всё дело в том, что вы попали в ловушку разницы работы парсеров Html и xml
Первый не выдает сообщение об ошибке отсутствия указания Namespaces. А файл svg не
будет работать без указания Namespaces    

Для проверки попробуйте сохранить код вашего лого в файл с расширением *.svg.    

Код не будет выполнен и парсер xml выдаст сообщение об ошибке. 


Поэтому всегда добавляйте в шапке svg Namespaces


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


Следующий ваш вопрос будет почему не работает анимация при наведении.

Потому что вы вызываете svg файл через  

  

Более подробно о других способах подключения файлов svg здесь