How to change the color of an image to a different color?

Question

css

I need the color to change to the same color as the text on hover, I tried filter but the effect is not the same, that is, the color of the image does not match the color of the text on hover.
Here is an example https://jsfiddle.net/hollanditkzn/vk4wwb8b/6/

Answer 1

svg canvas