Как изменять цвет при наведении на svg?

Я начинающий разработчик столкнулась с проблемой.

 <li class="nav__icons-item">
                            <a href="#" class="nav__icons-link">
                                <img src="img/3d-square 1.svg" alt="Product" class="nav__icons-img">
                                <p href="" class="nav__icons-title">Product</p>
                            </a>
                            <img src="img/chevron-right 2.svg" alt="">
</li>

Имеется следующий код. Необходимо реализовать hover, но если с текстом у меня получилось, то с картинками полный провал. Вот так должно выглядеть (картинку прикрепила)