In Polymers, to display icons on our page we can use the following

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

The icon comes from iron-icons.

Now, in example, I am using delete icon to show trash-bin icon.

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

In Polymers, to display icons on our page we can use the following

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

The icon comes from iron-icons.

Now, in example, I am using delete icon to show trash-bin icon.

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

• javascript
• polymer
• iron-elements

4 Answers 4

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

There is a searchable list of iron-icons now available at this 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.

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