**2018 answer**

[CSS Filter works on all current browsers](https://developer.mozilla.org/en-US/docs/Web/CSS/filter#Browser_compatibility)

# To change any SVGs color

1. Add the SVG image using an `<img>` tag.

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

2. To filter to a specific color, use the following [Codepen(Click Here to open codepen)][1] to convert a hex color code to a CSS filter: 

For example, output for `#00EE00` is 

```css
filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
```

3. Add the CSS `filter` into this class.

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




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