How to use Font Awesome icon in Jhipster React Project

Jhipster React project uses font awesome icon by default. If you want to use a Font Awesome icon in the project, follow these steps:

Modify app/config/icon-loader.ts at appropriate places.
Say, you want to add an upload icon.

  1. Add import statement for the icon.

2. Export the imported icon

3. Icon usage in a react file , example

a. Add the import statement

b. Use the icon .
Say, we want to use the icon for menu items.



System Administrator and Full stack web developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store