Steps I follow to Change any SVG's color :
-
First, add SVG image using **img** tags :

<!-- language: lang-html -->

     <img src="dotted-arrow.svg" class="filter-green"/>

<!-- end snippet -->

--- Use the following [Codepen][1] to convert any **HEX color code** to filter : 


- For exmple, output for **#00EE00** is **filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);**
- Create a new class and add this filter into this class.

<!-- language: lang-css -->

    .filter-green{
    	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    }

 - Now Add this class to image tag and color of SVG will be changed to HEX we provided.


-- Happy Coding :)

  [1]: https://codepen.io/sosuke/pen/Pjoqqp