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

Question

[cracker-test]

Есть иконка. Как изменить ее цвет при наведении? В css прописываю свойства, но меняется только контур. Что я делаю не правильно?

color: red;
    fill: red;
    stroke: red;

<svg class="topline__arrow" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.40039 10.6L2.80039 6L7.40039 1.4L6.00039 -6.1196e-08L0.000390267 6L6.00039 12L7.40039 10.6Z" fill="#00A7B5"></path>
</svg>

Answer 1

[ForSureN1]

.topline__arrow:hover path {
    fill: red;
}

Answer 2

[DanielTonne]

https://codepen.io/soffrire/pen/ZEawJGP

Answer 3

[cracker-test]

.topline__arrow:hover path {
fill: red;
}