Мне нужно чтобы цвет поменялся на такй-же цвет как у текста при наведение, пробовал filter но не тот эффект получается, то есть цвет изображение не соответствует цвету текста при наведение.
Вот пример https://jsfiddle.net/hollanditkzn/vk4wwb8b/6/
Для этого используют svg или иконочный шрифт.
Ну, конечно, можете сделать такой костыль:
в фотошопе изменить цвет стрелки на нужный, и менять background-image в сss при :hover
Чтобы не заморачиваться, лучше все таки использовать иконочный шрифт. Я оставил ссылку, там подробная инструкция как его использовать. Если вкратце:
1. Подключаем сss от fontawesome
2. В разметке вставляем нужную иконку. Код иконок здесь
Но, еще проще, можно просто вставить символ ">" в span, и задать ему свойства.
