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

Usage instructions

SVG sprites

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

Advanced usage

If you need to be in control of when or how iron-icon is imported, you may import iconset.html (instead of icons.html) to import only the icon definitions (iron-iconset-svg) without automatically importing 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