[HTML][CSS][svg] zmiana koloru po najechaniu na obiekt, Noob Quest Opcje

[poczatkujaca12]

mam svg

[HTML] pobierz, plaintext 
<svg width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg" class="svgFill">
<defs>
    <style type="text/css"><![CDATA[
.svg{
    fill: #000;
}
.svg:hover{
    fill: #0f0;
}
    ]]></style>
  </defs>
<path d="...." class="svg"/>
</svg>
[HTML] pobierz, plaintext 

jak otwieram sam obrazek to działa - po najechaniu zmienia kolor
ale w aplikacji na stronie już nie chce

próbowałam dodać też w stylach strony

[HTML] pobierz, plaintext 
img:hover {
    fill: #0f0 !important;
}
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
div:hover > img {
    fill: #0f0 !important;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div:hover > img  > svg {
    fill: #0f0 !important;
}
[HTML] pobierz, plaintext 

Ale nie działa - mam tylko czarny obrazek... ktoś wie dlaczego?

Ten post edytował poczatkujaca12 8.11.2020, 18:56:18

[poczatkujaca12]

OK, na szczęście to nie duże ikony to umieściłam obrazek bezpośrednio w kodzie...
A istnieją jakieś sposoby aby dostać się z zewnątrz do wartości fill w pliku svg?