📌 相关文章
- polimer iron 图像
- polimer iron 形式
- polimer iron 形式(1)
- polimer iron 下拉菜单(1)
- polimer iron 下拉菜单
- polimer iron 崩塌
- polimer iron 崩塌(1)
- polimer iron 可抽刷容器(1)
- polimer iron 可抽刷容器
- polimer paper 图标按钮
- polimer paper 图标按钮(1)
- polymer iron 元素(1)
- polymer iron 元素
- polimer paper 厂
- polimer paper 卡(1)
- polimer paper 厂(1)
- polimer paper 卡
- polimer paper 元素
- polimer paper 元素(1)
- polimer paper 输入(1)
- polimer paper 输入
- polimer paper 按钮
- polimer paper 按钮(1)
- polimer paper 复选框
- polimer paper 复选框(1)
- polimer paper 菜单(1)
- polimer paper 菜单
- 图标 (1)
- polimer paper 材料(1)
📜 polimer iron 图标
📅 最后修改于: 2021-01-08 00:43:03 🧑 作者: Mango
polimer iron 图标
polimer iron 图标元素用于显示单个图标。其默认图标大小为24像素。
它显示为：
以下代码显示了如何设置图标的大小。
铁元素中有各种图标集。您必须在索引文件中导入iron-icons.html文件以获得默认的图标集，并使用icon属性(如以下命令所示)来定义图标。
通过导入iron-icons /
示例：通信图标的代码
我们还可以创建自定义项目并使用它：
让我们看看用于样式的自定义属性：
表：
| Index | Custom Properties | Description |
|---|---|---|
| 1) | –iron-icon | It is a mixin which is applied to an icon. Its default value is {} |
| 2) | –iron-icon-width | It specifies the width of an icon. Its default value is 24px. |
| 3) | –iron-icon-height | It specifies the height of an icon. Its default value is 24px. |
| 4) | –iron-icon-fill-color | Property for filling the color of SVG icon. Its default value is currentcolor. |
| 5) | –iron-icon-stroke-color | Property for filling the stroke color of SVG icon. |
例
要使用iron-icon元素，请在命令提示符下导航至您的项目文件夹，然后使用以下命令-
bower install PolymerElements/iron-icon -save
以下示例演示了铁图标元素的使用：
iron-icon
Iron-Icon Example
输出：
