How make svg color different

Question

I have an icon svg like:

<svg width="90" height="90">       
     <image xlink:href="{{asset('images/menu-icons/some-icon.svg')}}"/>    
</svg>

It is showing nice but i want to change the the color in some instances(like hover or selected)

I used:

.menu-item svg{
    fill: red!IMPORTANT;
}

It doesn't change the color. Any help would be appreciated.

Does this answer your question? [How to change the color of an svg element?](https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element) — nfn, Jul 22 '21 at 06:47

score 0 · Answer 1 · answered Jul 22 '21 at 06:43

0

I think you have your answers over here. You might be

answered Jul 22 '21 at 06:43

1 Answers1