Prime Community Forum

Hello,

I'm trying to customize some menus, but I can't load all the available FontAwesome icons (I'm testing with the free ones).

In the code below, for example, I can only see the Classroom 2 icon, the Classroom 1 icon (fa-chalkboard) does not load at all.

Could someone help me how to solve the problem and load the other icons?

ngOnInit() {
this.model = [
{
label: 'Classroom 1',
icon: 'fa fa-fw fa-chalkboard',
routerLink: ['classroom1'],
},
{
label: 'Classroom 2',
icon: 'fa fa-fw fa-desktop',
routerLink: ['classroom2'],
},
];
}

Thanx for the attention!!

Hi,
Atlantis PrimeNG uses FontAwesome 4.7.0 but your tried icons come with 5.0.13 therefor you need to update your FontAwesome version.

thank you for your answer...

could I update font-awesome to use these new icons?

In the documentation for font-awesome it indicates that the latest version is 4.7.0 and that they do not intend to update.



package.json {
"font-awesome": "^4.7.0",
}

I found the icons that i can use. Thank you again!

https://fontawesome.com/v4.7.0/icons/

Glad to hear, thanks a lot for the update!

Best Regards,