How to change color of SVG image using CSS (jQuery SVG image replacement)?

Question

This is a self Q&A of a handy piece of code I came up with.

Currently, there isn\'t an easy way to embed an SVG image and then have access to the SVG elements vi

Answer 1

Since SVG is basically code, you need just contents. I used PHP to obtain content, but you can use whatever you want.

Then, I've printed content "as is" inside a div container

To finnaly set rule to container's SVG childs on CSS

.fill-class > svg { 
    fill: orange;
}

I got this results with a material icon SVG:

1. Mozilla Firefox 59.0.2 (64-bit) Linux

2. Google Chrome66.0.3359.181 (Build oficial) (64 bits) Linux

3. Opera 53.0.2907.37 Linux