Topic: Suggestion: Support for Font Awesome Pro
I would very much like to be able to use Font Awesome Pro icons with mdb-icon.
Take following examples:
From free fontawesome, this works
<mdb-icon fas icon="glasses"></mdb-icon>
Icon from Pro Fontwaesome in the mdb-icon directive. I have tried several different versions and none are working.
<mdb-icon fad icon="fad fa-glasses"></mdb-icon>
And last using icon directly from Fontawsome Pro not as a mdb-icon and this works
<i class="fad fa-glasses"></i>
What I would like to be able to do is to use the pro icon directly in the mdb-icon directive (example 2).
Thanks for additional information. I edited your first post and removed unnecessary comments. In the future please try to include all important information in your question (you can always edit the first post). Answers should only contain a solution for the problem.
We currently don't have support for the 'Duotone icons'. We need to create new 'fad' directive.
I added this to our to-do list. We can't provide an ETA for this feature yet but it has high priority so I think it will be added in the near future.
As a workaround you can try to add
class="fad" to the
mdb-icon element instead of
<mdb-icon class="fad" icon="glasses"></mdb-icon>
- User: Pro
- Premium support: No
- Technology: Angular
- MDB Version: 8.8.2
- Device: pc
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No