How to change the color of an SVG?

Question

css

There is a svg file. Located in a folder "/site/img/category/checkered7.svg"
. With the help of this code, it is displayed on the page:

<img style="color: blue; fill: rgb(148, 211, 27);" src="../..//site/img/category/checkered7.svg  " alt="" width="20">

How can I remember the color of the icon (in the file it is written that the picture is black)
When hovering, it is also impossible to change the color.

Answer 1

to change color with css, you need to insert svg inline.
<svg ...><path d="..." /></svg>