SVGの色付け - なぜ機能しないのですか？

Question

私はsvgファイルの一部を色づけしようとしていますが、それはうまくいかないようです。 これはsvgs'コードです：

<svg xmlns="http://www.w3.org/2000/svg" data-name="logo" viewBox="0 0 87.6 128.2"><title> sw17_rebrand_logo</title><path class="logo_top" d="M15.6 86.9C-1.8 71-6.4 37.2 16 14.9S72-2.5 87.6 14.7Z"/><path class="logo_bottom" d="M72.3 41.2c20.2 19.2 19.5 53.7-1.5 73.2-22.5 21-55.4 16-70.9-1.1Z"/></svg> 

そして、それは、HTMLはその

<a href="#" class="logo"><img class="logo_img" src="images/sw17_rebrand-logo.svg"/></a> 

のように見えるしかし、それは何もしないしないCSS

.logo_top{ 
    fill:blue; 
} 

です。私はWebdev Toolsでその特定のCSSコードを見ていません。コード（style = "fill：blue"）を直接svgに入れると、これは動作しますが、ここで必要な方法ではありません。

私は間違っていますか？両方のコメントとして