How to insert LUI Icon "arrow-down" with CSS in QlikSense

[vlntn]

Hi all,

I'm trying to insert LUI (Leonardi UI) library icons with CSS into our Qlik Sense app.

It works perfectly fine with icons with one "word" such as  "play":

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {

    font-family: "LUI icons" !important;

    content: "play";

    padding-right: 10px;

}

However, when trying to add icons with two "words" such as "arrow-down", it looks like this:

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {

    font-family: "LUI icons" !important;

    content: "arrow-down";

    padding-right: 10px;

}

 

 Anyone an idea how to fix this?

[BenjaminT · Accepted solution]

Hi,

Try using "arrow_down" instead of "arrow-down". I don't know why, but this is working for me.

Thanks

Ben