Fill Not Working For Svg. If all the sub objects are the same color fabric will use the shortcut to color all the subobjects of the fill of the container the svg. This question already has answers here.
A common use case for fill is changing the color of an SVG on hover much like we do with color when styling link hoversicon fill. You need to have a value greater than 0 in any of the rgb channels. If you are not in control of your SVG perhaps because it comes from an external source you are re-theming you are stuck using important to override the SVG fill property.
You can use this attribute with the following SVG elements.
You can use the same css color naming schemes that you use in HTML whether thats color names that is red rgb values that is rgb25500 hex values rgba values etc. You can use the same css color naming schemes that you use in HTML whether thats color names that is red rgb values that is rgb25500 hex values rgba values etc. This is how an SVG with properly working link looks like. If you need a lot of different gradient fills this technique might not work for you.