Extend ionic / add custom fonts/icons (ionic.config.json)

So ion-icon is an Ionic component. You pass the name of the icon you want to use in the name property, and then it adds the class for that icon based on the mode. For example, if you pass heart:

<ion-icon name="heart"></ion-icon>

on iOS it would be:

<ion-icon class="ion-ios-heart"></ion-icon>

and for material design mode it would be:

<ion-icon class="ion-md-heart"></ion-icon>

So when you pass fa-* to the name property it will perform all of our logic. You should be able to use the i element for font awesome, like:

<i class="fa fa-heart"></i>

http://fortawesome.github.io/Font-Awesome/icons/

2 Likes