简体   繁体   English

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

[英]List of icons and their names in iron-icons

In Polymers, to display icons on our page we can use the following 在Polymers中,要在我们的页面上显示图标,我们可以使用以下内容

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

The icon comes from iron-icons . 图标来自iron-icons

Now, in example, I am using delete icon to show trash-bin icon. 现在,在示例中,我使用delete图标来显示trash-bin图标。

Is there is any documentation where I can see the icons list and their names used? 是否有任何文档可以看到图标列表及其名称?

for example: 例如:

Trash bin = 'delete'

I went through the below link, but couldn't found out what I was looking for https://www.webcomponents.org/element/PolymerElements/iron-icons 我通过以下链接,但无法找到我要找的内容https://www.webcomponents.org/element/PolymerElements/iron-icons

There is a "Demo" link on the left. 左侧有一个“演示”链接。 Here is a direct link to it: 这是它的直接链接:

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

There is a searchable list of iron-icons now available at this URL: 此URL提供了一个可搜索的铁图标列表:

Searchable Iron Icons List 可搜索的铁图标列表

It will load an entire icon set even if you only use one of its icons in your application. 即使您只在应用程序中使用其中一个图标,它也会加载整个图标集。 You can generate your own Iconset from the list provided here and use only the icons your application needs. 您可以从此处提供的列表中生成自己的Iconset,并仅使用您的应用程序所需的图标。

I think this is for you. 我想这是给你的。 A demo page with all actual iron-icons set: https://elements.polymer-project.org/bower_components/iron-icons/demo/index.html 一个包含所有实际铁图标的演示页面: https//elements.polymer-project.org/bower_components/iron-icons/demo/index.html

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM