Почему не отображается svg?

Добавил в html картинку в svg через img
Не отображается в браузере, путь прописан правильно, так как открывается в картинка в новой вкладке
Как решить?

1 лайк

Ваш код, пожалуйста. Если это вопрос не по курсу svg Академии, то код отправляйте через песочницу.

<div class="page-header__logo">
		<img src="img/logotype-mobile.svg"></div>

По фрагменту ошибки не вижу.

вот вот)

Попробуйте вставить изображение не через img, а кодом между <svg> </svg>

Такая же фигня была, в Мозиле открывалась картинка без проблем, а в Хроме нет. Ответ нашел на случайном форуме. В коде самой картинки была такая строчка: xlink:href="data:img/png; это неверный MIME-тип, его надо поменять на xlink:href="data:image/png; и тада всё заработает)

16 лайков

artashes Спасибо!!!

огромное спасибо тебе, artashes, от лица всех, кто безуспешно ломал голову над этим вопросом во время верстки адаптивной версии барбершопа))

Спасибо тебе! )

Спасибо!!! =)

Artashes огромное спасибо тебе за то что ты есть у нас. Блага и процветания))

Зарегистрировался для того чтобы сказать “спасибо”))
Пол дня над этой проблемой голову ломал…

Я тоже зарегался только для того, чтоб сказать спасибо!
Спасииибо=)

Спасибо тебе добрый человек, дай Бог здоровья.

artashes Спасибо!!!

Ты мне спас кучу времени и нервов. Спасибо

Пожалуйста! Пять лет не заходил сюда, а тут оказывается куче людей мой коммент помог))) Очень рад)

Раз ты уж откликнулся, не подскажешь, почему VC Code сгенерировал именно такой неправильный MIME-тип? Яндекс Браузер никак не хотел реагировать на изображения, хотя их видел как некий контент

Не погружался в вопрос, не до того было, а сейчас и подавно)