@polymer/iron-icons

Demo and API docs

<iron-icons>

iron-icons is a utility import that includes the definition for the iron-icon element, iron-iconset-svg element, as well as an import for the default icon set.

The iron-icons directory also includes imports for additional icon sets that can be loaded into your project.

Example loading icon set:

<link rel="import" href="../iron-icons/maps-icons.html">

To use an icon from one of these sets, first prefix your iron-icon with the icon set name, followed by a colon, ":", and then the icon id.

Example using the directions-bus icon from the maps icon set:

<iron-icon icon="maps:directions-bus"></iron-icon>

To load a subset of icons from one of the default iron-icons sets, you can use the poly-icon tool. It allows you to select individual icons, and creates an iconset from them that you can use directly in your elements.

See iron-icon for more information about working with icons.

See iron-iconset and iron-iconset-svg for more information about how to create a custom iconset.