Анимация SVG без вставки кода иконки в HTML?

Question

[onees]

Мне нужно изменить цвет SVG иконки при наведении, но при этом SVG код иногда может быть гигантским и не всегда удобно вставлять такой код в HTML, существуют ли другие способы анимировать SVG через CSS при этом не вставляя код этой самой SVG в HTML?

Comments

[Ankhena]

Спрайты в разметке, маски и фильтры в css
https://codepen.io/noahblon/post/coloring-svgs-in-...

[Kvason]

так а что такого, внутренние теги свг как и сам свг спокойно стилизуются, используй псевдокласс hover

[onees]

Kvason, это то понятно что всё там спокойно стилизуется, проблема в том что HTML код награмождается из за таких SVG вставок, если код SVG небольшой то всё ок, но бывает попадается гигантский SVG код и не удобно такой вставлять в HTML, хотелось бы такой код как то инклудить просто при этом чтобы его можно было стилизовать и анимации накидывать, через img стилизовать svg нельзя, но вот через спрайты как оказалось можно в статье скинутой выше, до этого думал что через спрайты тоже стилизовать нельзя, но оказывается тег use стилизуется и fill в нём работает и цвет меняется и всё нормально

[Ivan Bogachev]

onees,

проблема в том что HTML код награмождается из за таких SVG

SVG-картинки вообще удобно хранить в виде отдельных файлов, чтобы можно было их обслуживать в графических редакторах. А подстановку в HTML всегда же можно автоматизировать - для любых сборщиков есть плагины. А уж куда там подставлять - в спрайты, в случайные места в интерфейсе, или на временные пустые тестовые страницы - это уже дело десятое.