私のSVGイメージが色を塗っていないのはなぜですか？

Question

塗りつぶしの色、それはSVG画像で作業しない理由こんにちは誰かが私が助けてくださいすることができます。..

<img class="svg" style="opacity: 0.5; fill: red !important;" src="{{ asset('icons/favorited.svg') }}" > 

Answer 1

SVGはimgタグに適用されている場合は、スタイルを使用して塗りつぶしの色を変更することはできません

あなたは2つのソリューションを持っています：

1これをsvgファイル自体の中で変更します。これは常に単一の色を持つ場合に有効です。

2-が、あなたのHTML内のインライン要素として直接SVGを使用して、あなたは、CSS fill:"#color"

を使用して塗りつぶしを変更することができます