Как правильно использовать svg?

Question

[WebforSelf]

Вопрос возник такого плана, есть к примеру блок с преимуществами.
У каждого преимущества своя иконка.
При наведении на блок , цвет иконки должен меняться.
Все иконки предоставляются в svg, вопрос такой, данные svg должны меняться через админ панель, но соответственно файлами типо name.svg нельзя загружать, тогда цвет же не будет менять. Кто как выходит из положения?
Пока мысль только создать svg спрайты и потом через админку задавать id спрайта каждому элементу, ну чтоб это можно было админить.

Comments

[Spisoktem]

Для каждого блока при наведении цвет svg-шки одинаковый или у каждого разный?

[WebforSelf]

Spisoktem, одинаковый, в спокойном состоянии #000, при наведении #fff

[Максим]

WebforSelf, применять object самый лучший способ

[Максим]

WebforSelf, svg и object должен быть на одном домене либо делать ajax запрос

Answer 1

[sinneren]

навесить класс и через fill или сразу fill атрибут

Comments

[WebforSelf]

да это понятно, вопрос как в админку то грузить, чтоб и человек (манагер) смог изображения грузить, и в тоже время чтоб я их красить смог через css

[sinneren]

WebforSelf, а нам-то откуда знать какая и где у вас админка. только выдумывать бизнес-логику, но этот вопрос не в раздел css\svg, а в менеджмент

Answer 2

[valgerofficial]

А почему бы не конвертировать иконки в шрифт, и не юзать их?

Answer 3

[Sagrana]

Если все иконки должны быть просто чёрно-белые, то можно через css filter