css - 我需要单个 svg 图标的多个实例

Question

我只有一个 svg 图标。我已经像这样插入到文档中，

<img src="../assets/layouts/layout3/svgs/star-def.svg"  
width="15" height="15" />

它正常显示没有问题，但我想要的是，它需要更改颜色，简而言之，我需要使用 css 对同一图标进行多种颜色变体。意思是，我可以更改类，图标应该变成那种颜色。我尝试使用 fill ，但它没有发生。我的 html 和 css 下面添加了填充。

html:-

<img src="../assets/layouts/layout3/svgs/star-def.svg" class="greenfill" 
    width="15" height="15" />

&CSS

.greenfill { fill:#569e26;}

注意我已经在编辑器中打开文件并从那里更改了填充颜色并且有一个不同颜色的图标，但我不想要这个。

提前致谢。

Answer 1

请在这里检查答案

http://jsfiddle.net/wuSF7/462/

svg {
    width: 350px; height: 350px;
}

svg path {
    fill: yellow !important;
}