Как правильно подключить svg?

Question

[Сергей Новиков]

Мне нужно использовать svg иконки, что бы можно было редактировать их из CSS. Кроме как инлайново вставить у меня ни чего не выходит. Кто может подсказать как изменять svg с использованием CSS, и подключить файл не инлайново(если такое конечно возможно). И как из вообще правильно подключать. Много чего перечитал но то ли нужного не нашёл то ли способ только инлайновый?

Comments

[Алекс Глебов]

Через внешний свг спрайт

[Сергей Новиков]

это как?

[Сергей Новиков]

Спасибо за наводку нашёл

[Steppp]

Подключить есть куча способов) Все зависит от иконки и ui-ux)
Я обычно декоративные svg вставляю ТАК
А чтоб иконки можно было менять в админке, то через тег в img src="icon.svg".
А если у иконки надо менять заливку, то svg прям в html вставляю (почти как спрайты) но со спрайтами надо плагин ставить чтоб заливку менять.

Answer 1

[valgerofficial]

Я всегда конвертирую SVG в шрифт - иконки. И юзаю их.