PrimeReact 1.6.1 Released with PrimeIcons

PrimeReact 1.6.1 Released with PrimeIcons

PrimeReact 1.6.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 1.6.1 PrimeReact components now internally use PrimeIcons library whereas previous releases depend on font-awesome, with this release 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 1.6.1, font-awesome icons were provided only with the icon name without the .fa addon such as;

In 1.6.1+, 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 1.6.1.

Full ChangeLog

Visit the changelog for more information about the changes.


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


Upcoming exciting features are the all-new mighty TreeTable to replace the existing one, new PrimeReact Theme Designer API, maximizable Dialogs and enhancements to Table component so that featureset is aligned with PrimeNG and PrimeFaces.

No Comments

Sorry, the comment form is closed at this time.