img src SVG changing the styles with CSS

Question

html

css

.logo-img path {
           


        

Answer 1

Edit your SVG file, add fill="currentColor" to svg tag and make sure to remove any other fill property from the file.

For example:

Note that currentColor is a keyword (not a fixed color in use).

After that, you can change the color using CSS, by setting the color property of the element or from it's parent.

Example:

.div-with-svg-inside {
    color: red;
}

I forgot to say, you must insert the SVG this way:

Note that #img is the id of the svg tag inside svg file.

Another way of doing it: https://css-tricks.com/cascading-svg-fill-color/