MenuItem: Set icon from asset

[ruhulrahat]

I am trying to set MenuItem icon from asset folder like this (in Ultima):

Code: Select all

this.model = [
			{
				label: 'Dashboard',
				icon: 'dashboard-icon',
				routerLink: ['dashboard']
			}
                    ]

in .scss file:

Code: Select all

.dashboard-icon {
	background-image: url("./assets/icons/dashboard.svg");
}

But the icon is not showing. Is there anything wrong here, or what is the correct way to show icon for menu?

[mert.sincan]

Thanks a lot for the sample code! @merve Could you please check this issue?

Best Regards,

[merve7]

Hi,
Could you try to add width, height, and size like the below code?

Code: Select all

body {
    .dashboard-icon {
        width: 20px;
        height: 20px;    
        background-size: 20px;
        background-image: url("../../layout/images/avatar1.png");
    }
}

Best Regards,