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

vlntn — Fri, 15 Nov 2024 23:34:22 GMT

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?

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

BenjaminT — Sun, 31 Oct 2021 08:11:53 GMT

Hi,

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

Thanks

Ben