How to Use Font Awesome With Ionic 4

The built in Ionicons with Ionic are great, but if you need something specific, have your own custom icons or anything that’s not covered by the standard icon pack you have to find different ways.

One of the best free icon packages is Font Awesome, but it doesn’t work that good out of the box with Ionic.


Therefore, we will use the Angular Font Awesome wrapper library that will help us to import all the icons we need and use them in different ways even with an additional component that can add some nice effects!


You must be a Member to view this Quick Win

Access all courses and lessons, track your progress, connect with Developers & build awesome Ionic Apps.

Comments on How to Use Font Awesome With Ionic 4

  1. zabius says:

    Nice article – do you add the source to github or anything like that as I am getting error when trying to add the ‘graduation-cap

    ‘Could not find icon with iconName=graduation-cap and prefix=fas’

    1. Fernando Herrera says:

      It works like this

  2. Olly Pemberton says:


Leave a Reply

Your email address will not be published. Required fields are marked *