Как вы оптимизируете svg и создаете svg спрайты?

Question

[lavezzi1]

Здравствуйте. Какие сервисы\хаки\тулсы используете для быстрой работы с svg спрайтами?

Answer 1

[Roman]

SVG OMG!

Comments

[lavezzi1]

Странная штука. У меня на выходе все черное получается.

[Roman]

lavezzi1: там есть demo
эта штука у меня в закладках, постоянно ей пользуюсь, на хабре её сравнивали с аналогами, она лучше других оптимизирует

[Roman]

Лев Солнцев: OMG! :)

Answer 2

[Константин]

https://github.com/tars/tars
не только с SVG, вообще швейцарский нож для сложной верстки, но основная идея - именно грамотное использование SVG спрайтов

Answer 3

[DmitrySorokin]

https://icomoon.io/app/#/select
создаешь из иконок свой шрифт

Comments

[Александр]

Или svg спрайт

[lavezzi1]

На icomoon нельзя спрайты создавать

[Сергей Вирченко]

это просто идеал для всех этих геморойных и мелких иконок и для их ховеров! супер! :)

Answer 4

[tef]

Tuts+

Answer 5

[hrenly]

Спрайты спрайтами, однако за inline svg будущее, единственная проблема косяки (с такими вещами, как width=100%; height=auto;) в стоковом браузере Android и в ie 9-11

Answer 6

[Александр Гончаров]

Для оптимизации — SVGOMG, а для работы со спрайтами вот этот видос — SVG спрайты — 4 способа использования векторных сп....

Answer 7

[Максим Гатилин]

О том, как сделать спрайт и оптимизировать его загрузку я написал в статье Как мы используем SVG-спрайты