How to Use Font Awesome With Ionic 4

Video Courses, Project Templates, Community & the Support you deserve to learn Ionic!

#############################

#############################

You can also find me

#############################

[David-ejps]

Finally, been wondering how to intergrate FA now this is what i need.. great vid as always Simon. Vielen Dank

[anroswell]

Simmon i have this error:
'fa-icon' is not a known element:
1. If 'fa-icon' is an Angular component, then verify that it is part of this module.

How did you do for disapear that error??'

[urgbot]

Thanks for this. I did have to use the table from their GitHub which showed the correct version of depending on Angular version. Latest does not work for all.

[sercankavdir]

I got an error in (app.module.ts) with
is there any change with update or something else?

[EdisonWerle]

colors in the icons, is possible? With color="danger" is possible? or only with style="color: red;"

[majeedk]

Hello my dear ionic have now build or run android error ... Can u create how to fix this error

[ganpakwebsite]

how can i add custom icon svg to my project and get it by name like ionicons

[ManuelBecker]

Hey dear Simon, do you know if it's worth it to integrate the icons via svg if you just use a few of them? I am not sure if including the package + all the icons will bloat my Ionic app. And is there a way to remove the Ionicons when using Font Awesome, since you don't need them anymore in your app or are they automatically not included within the final app when they are not used at all? Thank you very much for your thoughts!

[AntonioGallo]

Great, ionicons has too few icons now :-(

[franzisk]

For tabs I did it normally (importing the module inside the tabs module, of course):
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="home">
<fa-icon icon="id-card"></fa-icon>
<ion-label>Home</ion-label>
</ion-tab-button>

<ion-tab-button tab="contacts">
<fa-icon icon="users"></fa-icon>

</ion-tab-button>

<ion-tab-button tab="cards">
<fa-icon
<ion-label>Cards</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>

[ayvicky]

Put yourself in front of content nice way to deliver, not show proper npm install