如何使用css填充svg矢量图标的颜色

Question

在我的应用程序中，我有自定义矢量 svg 图标，例如

  <i class="stl icon icon-smiley-face" aria-hidden="true"></i> 

默认情况下它显示为白色，但我的要求是将颜色填充为黄色。 我试过了

stl {
color: yellow;
}

但只有边框颜色发生变化，而不是将图标填充为黄色。

谁能帮我解决这个问题

Answer 1

感谢您的信息

对于 SVG 样式使用填充属性

glyph {
 fill: red;
}