@alexeeey_kuznetsov

Как подключить растровую графику из SVG спрайта в HTML?

В проекте необходимо все иконки сохранить в svg и затем после обработки GULP, вставлять на страницу через use и название идентификатора. Не могу понять почему не отображается иконка. Точнее в инспекторе событий она отображается, но вместо обычного размера 20-40px, занимает 400 примерно и без цвета. А если xlink:href="data:image/png;base64 у исходной иконки svg, то в спрайте она должна быть доступна без fill и т.п. я думаю, возможно ошибаюсь, в спрайтах новичок, но с нормальными иконками (чистые svg, не дрянь с макета) получается всё нормально, здесь проблема.
Ссылку на codepen с файлом sprite.svg и gulpfile.js прикладываю.
https://codepen.io/alexeeey_kuznetsov/pen/zgByMY
5d399b4c5ab8d743385510.png
Заранее спасибо за ответ!
UPD: Мне помогло, запустить сайт через OpenServer, тогда все svg подтягивались из файла со спрайтом.
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ответы на вопрос 1
@lagudal
Не знаю, кто из вас, вы или ваш дезигнер, но мусье знает толк в извращениях - это ж надо простейшие иконки из 3 точек делать в png, заворачивать их в svg и подключать как спрайты. Как бы есть svg-спрайты, есть png-спрайты - и то и другое имеет право быть, а смешение жанров есть самое настоящее извращение...
Если нормальные svg иконки нельзя сделать, и по другому никак, ну пробуйте...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы