Как изменить цвет у изображение другой цвет?

Question

[hollanditkzn]

Мне нужно чтобы цвет поменялся на такй-же цвет как у текста при наведение, пробовал filter но не тот эффект получается, то есть цвет изображение не соответствует цвету текста при наведение.
Вот пример https://jsfiddle.net/hollanditkzn/vk4wwb8b/6/

Answer 1

[Виктор Янышев]

svg, canvas

Answer 2

[nakree]

Для этого используют svg или иконочный шрифт.
Ну, конечно, можете сделать такой костыль:
в фотошопе изменить цвет стрелки на нужный, и менять background-image в сss при :hover

Comments

[hollanditkzn]

Ладно еще вопрос, как теперь изменить цвет svg? https://jsfiddle.net/hollanditkzn/vk4wwb8b/11/
Так же как-то по другому?

[nakree]

hollanditkzn,

Раз
Два

Чтобы не заморачиваться, лучше все таки использовать иконочный шрифт. Я оставил ссылку, там подробная инструкция как его использовать. Если вкратце:
1. Подключаем сss от fontawesome
2. В разметке вставляем нужную иконку. Код иконок здесь

Но, еще проще, можно просто вставить символ ">" в span, и задать ему свойства.