PrimeNG 6.0.0-beta.1 Released with PrimeIcons

PrimeNG 6.0.0-beta.1 Released with PrimeIcons

PrimeNG 6.0.0-beta.1 is now available featuring the new PrimeIcons integration to replace font-awesome.


PrimeIcons is the new official font-icon library from PrimeTek to be shared between the PrimeNG, PrimeReact and other future Prime UI Suites. With 6.0.0-beta.1 PrimeNG components now internally use PrimeIcons library. Previous releases depend on font-awesome, with 6.0 there is no such dependency. Visit PrimeIcons documentation for more information.

PrimeIcons is available at npm, run the following command to download it to your project.

PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. A standalone icon can be displayed using an element such as i or span.

Using an icon on a button is simple as;

Using Font-Awesome

Prior to 6.0, font-awesome icons were provided only with the icon name without the .fa addon such as;

In 6.0, add .fa prefix to keep continue using font-awesome.

This change also allows using any other icon library, you may also mix different libraries like PrimeIcons, FontAwesome and more.

Icons of Button and Menu components in your application need to be updated to include .fa prefix when migrating to 6.0.

Full ChangeLog

Visit the changelog for more information about the changes.


PrimeNG is licensed under MIT and free to download at NPM.

Migration Guide

We’ve created a migration guide to document the backward incompatible changes to 6.0.


All the planned features such as the new TreeTable, PrimeIcons and more are implemented as of beta.1, now we’ll allocate our days for maintenance to improve the overall quality and then get RC1 ready followed by 6.0 final next week. All premium templates and PrimeNG Theme Designer API will be updated right after the 6.0-final release.

No Comments

Sorry, the comment form is closed at this time.