Если не нужно менять свойства иконки с помощью
css то не обязательно весь код
svg вставлять прямо в разметку. Собираешь
svg-sprite с помощью
gulp и просто в нужном месте в разметке вставляешь вот это:
<svg width="30" height="30">
<use xlink:href="img/sprite.svg#some-icon"></use>
</svg>
Хотя даже в этом случае тоже можно простые вещи делать с помощью css. Например изменять цвет при наведении и т.д.
