Javascript Polymer：在iron iconset svg中使用css类

我正在尝试创建一个彩色的

铁图标集

。由于技术限制，我无法设置颜色

铁图标

<link rel="import" href="../../iron-icon/iron-icon.html">
<link rel="import" href="../../iron-iconset-svg/iron-iconset-svg.html">
<iron-iconset-svg name="myiconset" size="24">
  <svg>
    <style>
        .green {
            color: green;
        }
    </style>
    <defs>
        <g id="flag-red"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z" style="color:red"/></g>
        <g id="flag-green"><path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z" class="green"/></g>
    </defs>
  </svg>
</iron-iconset-svg>

格林先生{
颜色：绿色；
}

我希望使用类在多个图标上重用相同的颜色，而不是在几十个图标上重复相同的

style=“color:XXX”

当然我很想使用已经存在的样式，但到目前为止，这是行不通的，所以我根本没有尝试过

---

然而：有没有一种方法可以在

iron iconset svg

中使用css类？

svg不使用颜色css属性，而是使用填充和笔划

格林先生{
填充：绿色；
}

很抱歉回复太晚：感谢您纠正css样式的错误使用。Chrome似乎不在乎你是使用填充还是颜色。尽管如此，css类在用作图标对图标时不应用。