图标列表和他们的名字在铁图标

时间:2017-07-23 16:53:09

标签: javascript polymer iron-elements

在Polymers中,要在我们的页面上显示图标,我们可以使用以下

<paper-icon-button icon="delete"></paper-icon-button>

图标来自iron-icons

现在,在示例中,我使用delete图标来显示trash-bin图标。

是否有任何文档可以查看图标列表及其名称?

例如:

Trash bin = 'delete'

我浏览了以下链接,但无法找到我要找的内容https://www.webcomponents.org/element/PolymerElements/iron-icons

4 个答案:

答案 0 :(得分:5)

左侧有一个“演示”链接。 这是它的直接链接:

https://www.webcomponents.org/element/PolymerElements/iron-icons/demo/demo/index.html

答案 1 :(得分:5)

此网址现在提供了一个可搜索的铁图标列表:

Searchable Iron Icons List

答案 2 :(得分:2)

即使您只在应用程序中使用其中一个图标,它也会加载整个图标集。您可以从提供的here列表中生成自己的Iconset,并仅使用您的应用程序所需的图标。

答案 3 :(得分:1)

我认为这是给你的。设置了所有实际铁图标的演示页:https://elements.polymer-project.org/bower_components/iron-icons/demo/index.html