SVG Fill Color Not Working
you can just add !important beside fill This is the Fiddle
svg
How to change the color of an svg element?
You can’t change the color of an image that way. If you load SVG as an image, you can’t change how it is displayed using CSS or Javascript in the browser. If you want to change your SVG image, you have to load it using <object>, <iframe> or using <svg> inline. If you want to use the techniques in the … Read more
Adding border to SVG image
Draw a <rect> round the image which is fill=”none”. You can use the stroke of the <rect> as the border.
SVG center horizontal and vertical line
For an SVG’s contents to scale with its size, it needs to have a viewBox. Run code snippetExpand snippet In this example, everything scales, including the line width. If that’s not what you want, then you can either use @SirExotic’s approach (using percentage coordinates), or you could set the lines to not scale by using vector-effect: non-scaling-stroke. … Read more