Source code: SVG sprites, Font icons


Lumo comes with a set of icons that are designed to fit in with the default Lumo style.

Available icons

Click/focus an icon to view details.

Usage instructions

SVG sprites

The SVG sprites are used with the iron-icon element.

Font icons

Icon size

Use the icon size custom properties to set consistent sizes for all icons across your app. The Lumo icons are drawn on a 24×24 pixel canvas – the M size fits that by default.

You need to import sizing.html to use the sizing properties.

Custom properties

Icon size