Lumo
Source code: SVG sprites, Font icons

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
--lumo-icon-size-s
--lumo-icon-size-m
--lumo-icon-size-l