样式表中的样式base64 SVG

Question

So I have the following CSS to produce an SVG logo:

 background: url("data:image/svg+xml;base64,xyz.....");

Does anyone know how I can change the colour of the icon with CSS inside my style sheet, as opposed to embedded in the SVG tag.

I'm trying to have the same logo on the page multiple times, in different colours, so don't want to have loads multiple versions of the SVG code in my style sheet.

Thanks!

Answer 1

If you're going to be using it a lot at different sizes it might be worth making a custom icon font.

Then you can style it with css and use em to keep it sized relatively etc.

http://www.font2web.com/ etc will take an SVG.

Answer 2

As said in the comments: You can't style it with an external CSS if you display your SVG image using the base64 format. The only way is to use the original <svg> format where you can see the tags and properties, either inserted directly into your html or loaded from an external file.