I can't modify my SVG component in my React Application

Question

I have been trying to fill the color of an SVG component in React, but it won\'t work.

I\'ve tried using an image tag to React. However, I read on the React docs that CS

Answer 1

Most common case is that .svg file is converted/edited or not properly exported, without that file the easiest way to change e.g. color is to open that file in any text/code editor, copy code without xml tag so from svg tag..to closing /svg tag and paste directly into code.

Then you can easly style whole element or some parts of it e.g.

.yourSvgWrapperDivClass svg g {
    fill: #0000FF;
}

You can also refer directly to some elements of the svg file/code (just inspect it) and try style g/path or rect elements.