Answers for "change color of svg on ho"

change svg color on hover, css

<style>
.x-svg:hover g, .x-svg:hover path{
          fill: red;
      }
</style>

css change svg color

in the HTML:
<img src="dotted-arrow.svg" class="filter-green"/>

then change the color in the css file:
.filter-green{
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    }