@lekseykorolev

Как поместить все svg иконки в 1 файл и вытаскивать в код по адресу?

В шаблоне используются различные иконки svg в html формате, с разных наборов, с разными начеретаниями и тп, какие есть способы собрать все иконки в 1 файл и дергать их по адресу или через тег i ?
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Ответ написан
Комментировать
Fragster
@Fragster
помогло? отметь решением!
Это называется svg sprite, надо просто дергать не через тег i, а через svg use:
https://siteok.org/blog/html/svg-sprajty

Для получения спрайта из файлов и даже встраивания в html есть куча готовых инструментов, встраивающихся в конвеер сборки, какой использовать - зависит от того, что вы используете, gulp, webpack, vite или что-то еще.

Лично я использую https://github.com/meowtec/vite-plugin-svg-sprite так как делаю приложения с использованием vue, по ссылке выше есть вариант для gulp.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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