FontAwesome Pro Duotone Missing


Topic: FontAwesome Pro Duotone Missing

digitalmanagerguru pro premium asked 2 years ago

The last version of MDB Vue doesn't support the new duotone from fontawesome. It would be great if your next version added support to it on the fa component.

Thanks in advance!


Magdalena Dembna staff premium commented 2 years ago

As far as I know, duotone icons are pro product - in MDB Vue we only use the free version of fontawesome. Kind regards, Magdalena


digitalmanagerguru pro premium commented 2 years ago

To be honest here, you are not correct on this matter, I understand that no one can know all of a big project like this, so no hard fellings :p

You can found this on mdbvue code on the fa component:

return classNames(<br> this.far || this.regular ? 'far' :<br> this.fal || this.light ? 'fal' :<br> this.fab || this.brands ? 'fab' : 'fas',

If you check the fontawesome docs:https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

Mdb already accept far and fal (both pro) and duotone is just a new pro type. So you only need to add fad to that part of code logic and that's it. ;)

I only hope you can add it in next version.

Thank you in advance,Best regards


Magdalena Dembna staff premium commented 2 years ago

All available icons are listed here: https://mdbootstrap.com/docs/vue/content/icons-list/ - and all of them are from the free version (fas, far, fab), so unless fontawesome releases free version of duotone icons, they won't be accessible in MDB package. We can add a new property which will only work if the user himself has Fa pro licence. Kind regards, Magdalena


digitalmanagerguru pro premium commented 2 years ago

I see. And I do have fa pro license, so that new property would be great.


Magdalena Dembna staff premium commented 2 years ago

I've added a task to create a new property. Kind regards, Magdalena


THIRIAU commented 2 years ago

Any news Magdalena about this feature ?


Magdalena Dembna staff premium commented 2 years ago

We have added the fad property to most components which use fontawesome. To make sure the component has this prop, check its API tab - in case it doesn't, let us know which one. Kind regards, Magdalena


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 5.8.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Win.10
  • Provided sample code: No
  • Provided link: No