The icon comes from iron-icon" /> The icon comes from iron-icon" /> The icon comes from iron-icon"/>

List of icons and their names in iron-icons

13.4k Views Asked by At

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

4

There are 4 best solutions below

2
Daniel Alexandrov On BEST ANSWER

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

0
Jesus Segnini On

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

0
Ofisora On

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.

0
Steven Spungin On

There is a searchable list of iron-icons now available at this URL:

Searchable Iron Icons List