无法使用css更改svg文件填充颜色

Question

我有一个svg文件，我想用css更改填充颜色。我尝试使用路径，但似乎也没有用。

HTML

<img src="assets/img/star.svg" class="sidefigure">

css（sass）

.sidefigure{
    svg{
        polygon{
            fill: red;
        }
    }
}

star.svg文件

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
<polygon points="250,14.455 326.535,169.526 497.667,194.394 373.833,315.104 403.069,485.545 250,405.075 96.933,485.545 
    126.167,315.104 2.333,194.394 173.467,169.526 "/>
</svg>