как поменять цвет иконки на белый при наведении

Question

У меня есть следующее div

<div class="box-decoration">
	            <a href="dashboardme.html"><img src="..\change\icons\pdf.png"> Owner-Operator Profile
	            </a>
</div>

Я хочу поменять цвет значка pdf на белый (как на скриншоте), и перед наведением курсора он выглядит синим.Как я могу изменить цвет значка на hover, который выглядит примерно так

Answer 1

Попробуйте это:

CSS

.box-decoration:hover img{
   filter: brightness(0) invert(1);  
}