DimaLepel
@DimaLepel

Как вывести svg sprite в фоновое изображение?

Добрый день. При верстке я использую сборщик Gulp и собираю svg спрайт при помощи gulp-svgstore. Если вставлять svg со спрайта таким образом
<svg class="article__icon">
  <use xlink:href="images/sprite.svg#icon-glasses"></use>
</svg>

Все работает. Но вот вставить изображение со спрайта в качестве фонового - ничего не работает. Наткнулся на такое решение проблемы: Какие есть способы подключения svg спрайта в background?, но мой спрайт собирается через
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="icon-arrow--green" viewBox="0 0 14 10">
<path d="M13 5H1M13 5L9.5 1.5M13 5L9.5 8.5" stroke="#25AF7C" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>...

Как заменить symbol на view для указанного выше плагина? Или есть другое решение?
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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