Как собрать svg в sprite?

Дмитрий Кравченко спасибо, завтра посмотрю

Дмитрий Кравченко что-то не так пошло. генерирует svg файл, но когда открываешь его в IE ничего нету

Александр Котов: там ничего и не должно быть, внутри него собраны все иконки с помощью

использовать на странице так:

Александр Котов: хабр съел разметку

<svg>
  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-id"></use>
 </svg>

icon-id по умолчанию - название свг файла

Дмитрий Кравченко: не совсем понял. Он генерирует svg и сss файл. дальше как мне допустим его подключить в html? просто в нужном месте написать ?

Дмитрий Кравченко: Можно пример где-то посмотреть? вашего gulpfile и html с рез-ом?

Александр Котов: я подгружаю свг на страницу скриптом, можно сборщику указать заинжектить напрямую. Сгенерированные стили подтягиваю вместе со всеми остальными

Дмитрий Кравченко: еще один вопрос. вот получил я svg-спрайт. Закинул его в папку img/ , потом пишу

<svg>
  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/svg.svg#icon-id"></use>
 </svg>

и ничего не отображается. Но если этот файл svg-спрайта, закину в тело index и напишу

<svg>
  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-id"></use>
 </svg>

все работает нормально. Как мне вытащить в отдельный файл svg?

Александр Котов: странно, должно работать, по сути. на вкладке network какие-нибудь запросы есть?

Дмитрий Кравченко: конечно есть. Что именноо нужно?

Дмитрий Кравченко: clip2net.com/clip/m0/f9caf-clip-64kb.png?nocache=1

Александр Котов: какой-то невалидный свг

Дмитрий Кравченко: Через чтобы я не пытался его сгенерировать, всегда так )

Дмитрий Кравченко: можно Ваш скайп? так мне кажется удобнее будет

Александр Котов: imdmitrykravchenko

Дмитрий Кравченко: добавил