Custom icon inside main menu is not working

[epsino]

Hi,

I want to put inside main menu a custom icon, I import a custom icon font into the project and define as ui-icon like the ultima documentation says.
The icon works great into other components like a button, but is not visible inside the ultima main menu.

Is it possible ?

Best regards
Andrés

[merve7]

Hi,
It is not visible because of the menu icon class defined as material-icons. You can use custom icon with changing i tags in app.menuitem.component.ts but we recommend using material icons.

[epsino]

Thank you very much for your suggestion, i add this

<i *ngIf="item.icon && !item.icon.startsWith('mdi')" class="material-icons">{{item.icon}}</i>
<i *ngIf="item.icon && item.icon.startsWith('mdi')" class="mdi {{item.icon}}"></i>

... and work perfectly.

Thank you !

[mert.sincan]

Thanks a lot, @merve7

Best Regards,