41+ Svg Fill Color Attribute
Pics. For svgs without styling attributes, such as ones to be composed into a symbol sprite, this should work fine. For shapes and text it's a presentation attribute that defines the color (or any svg paint servers like gradients or patterns) used to paint the element;
To avoid color mismatches (like the junction between the leaf and the stem), it might be useful to merge all or most paths in the icon's source svg. Html svg image color in style attribute. Overrides the fillcolor attribute of a shape.
This means that they won't inherit your fill declaration will work because the fill attributes on the original svg are set with undefined css variables values.
Using these width and heights the svg document does not get scaled, i worked around that using a css transform: Using gradients in external files. Cascading svg image fill color. I also declared html attributes width and height.