Polymer 造纸厂铁图标做大

我正在使用聚合物和铁图标，我的问题是：你能在造纸厂制作铁图标吗

我的代码：

<paper-fab id="add" icon="list" on-click="addingPersonnel"></paper-fab>

与造纸厂相比，该图标相对较小

---

我可以看到两种可能性

第一个可能您不喜欢它，但它会消除小图标的效果，即使用

造纸厂

上的属性

mini

：

<paper-fab mini id="add" icon="list" on-click="addingPersonnel"></paper-fab>

填充阻止图标变大，因此我们将其设置为0。 然后使用mixin

——paper fab iron图标

可以设置图标的高度和宽度

完整的代码将是：

<dom-module id="os-test">
    <template>
       <style>
            paper-fab#add {
                padding: 0;

                --paper-fab-iron-icon: {
                    height: 40px;
                    width: 40px;
                };
            }
        </style>
        <paper-fab id="add" icon="list"></paper-fab>
    </template>
</dom-module>
<script>
  class OsTestElement extends Polymer.Element {
    static get is() {
      return 'os-test';
    }    
  }
  window.customElements.define(OsTestElement.is, OsTestElement);
</script>

造纸厂#添加{
填充：0；
--造纸厂铁图标：{
高度：40px；
宽度：40px；
};
}
类OsTestElement扩展聚合物。元素{
静态get是（）{
返回“操作系统测试”；
}    
}
window.customElements.define（ostedlement.is，ostedlement）；

<dom-module id="os-test">
    <template>
       <style>
            paper-fab#add {
                padding: 0;

                --paper-fab-iron-icon: {
                    height: 40px;
                    width: 40px;
                };
            }
        </style>
        <paper-fab id="add" icon="list"></paper-fab>
    </template>
</dom-module>
<script>
  class OsTestElement extends Polymer.Element {
    static get is() {
      return 'os-test';
    }    
  }
  window.customElements.define(OsTestElement.is, OsTestElement);
</script>