Имеет ли смысл использовать svg — спрайт для нескольких иконок?

Question

[indeveloping]

В проекте имеется 20 иконок формата svg. Из них 6 иконок переиспользуются в разных блоках дизайн - макета (меняется их цвет и размер). Имеет ли смысл добавлять в svg спрайт только эти 6 иконок, и вставлять их через <use> в HTML, а все остальные вставлять как обычно через псевдоэлементы css. Либо если уж на то пошло все иконки добавить в svg, и все вставить инлайном? Я просто не любитель забивать разметку дополнительными тегами.

Конечно с точки зрения производительности было бы лучше иметь один svg спрайт, который бы скачивался с сервака, чем svg спрайт + 14 иконок. Как бы вы поступили?

Answer 1

[DevMan]

один спрайт. и не инлайном, а отдельным подключением.

Comments

[indeveloping]

Спасибо за ответ! Если я Вас правильно понял, то следует сделать так, как я обычно и делаю:

<use xlink:href="images/sprite.svg#icon-book"></use>

[lamer350]

и в чем смысл подгружать отдельно, а не инлайном? Чтобы усложнить себе жизнь? Вы небось потом и цвет иконок меняете при наведении через фильтр?

[DevMan]

lamer350, тем, что отдельно упадет в кэш. в отличие от инлайна.