SVG спрайты
В целях оптимизации и удобства при многократном использовании SVG изображений можно объединить в один файл-спрайт.
SVG – Scalable Vector Graphics
SVG – это двухмерная графика и тем не менее это текстовый формат, который можно легко править в блокноте или просто рисовать в векторных редакторах:
Как подключить svg спрайт в файл в html и css
Есть сгенерированый svg спрайт - sprite.svg c symbol
Если вставлять прямо в html, то все подключается отлично
Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается
Почему не отображается иконка и как подключить в стили css иконку из спрайта?
Структура SVG-файла
SVG представляет собой обычный XML-файл, который можно просмотреть любым текстовым редактором. ViewBox Тег <g> Теги <title> и <desc> Тег <use> Тег <symbol> Тег <path> CSS JavaScript
Символьный SVG-спрайт. Подробное руководство
Если вы из тех разработчиков, кто только задумывается о внедрении в свой проект svg-спрайтов или из тех, кто давно хотел, но не знает с чего начать, эта статья определенно будет вам полезна. Об удобстве и пользе спрайтов вообще и SVG-спрайтов … Continued
Полное руководство по спрайтам SVG (Eng)
Создание и использование спрайтов значков SVG во внешних проектах.