Так у меня есть следующие CSS продуцировать SVG логотип:Стиль base64 SVG из таблицы стилей
background: url("data:image/svg+xml;base64,xyz.....");
Кто-нибудь знает, как я могу изменить цвет значка с CSS в моей таблице стилей, в отличие от встроенный в тег SVG.
Я стараюсь иметь один и тот же логотип на странице несколько раз, в разных цветах, поэтому не хочу иметь в моей таблице стилей несколько версий кода SVG.
Спасибо!
Вы не можете. Если вы используете SVG в качестве изображения, он не модифицируется извне. –
Вот что я подумал. Может ли кто-нибудь предложить альтернативные решения? – DanV
Это действительно зависит от логотипа и того, как вы хотите его отображать, но одним из вариантов было бы создать изображение, в котором область, которую вы хотите изменить, прозрачна, затем поместите ее поверх цветного элемента фона, используя абсолютное позиционирование. – supermasher