how to change svg fill color when used as base-64 background image data?

Question

I\'m using SVG for a project, loaded in css like this:

background-image: url(\'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/20         


        

Answer 1

Or if you want to do it dynamically try :

var green = '3CB54A';
var red = 'ED1F24';
var svg = '';      
var encoded = window.btoa(svg);
document.body.style.background = "url(data:image/svg+xml;base64,"+encoded+")";

Fiddle Here