Leonardo UI also allows you to use the palette of icons available in Qlik Sense. They are being imported via a font family and can be used by assigning a <span> HTML element a class following their naming convention:

<span class="lui-icon lui-icon--play" aria-hidden="true"></span>

The following are some examples of LUI icons (a full list can be found at https://qlik-oss.github.io/leonardo-ui/icons.html):

Icon sizing can be determined using the following classes:

• lui-icon--large 12px
• lui-icon--small 20px
• no class (default) 16px

Depending on which class they are assigned, their font size will assume the respective size in pixels.