Topic: The accordion is not compatible with FontAwesomeModule (FA5)

chakkit pro asked 4 years ago

The accordion is not compatible with FontAweome 5 using FontAwesomeModule.

It seems working fine if I use the traditional way i.e. loading CSS fonts via CDN, which is not really good as it's too big.

After observing the code the accordion uses the <i> tag not the <fa-icon> tag. 

The FontAwesomeModule is officially supported by the FontAwesome Team, you can check it here,
Can you consider adding an option to allow replacing the icon to support for both <i> and <fa-icon> depends on user preference?

Something like, adding a boolean option for [fa-icon], i.e. <mdb-accordion [fa-icon]="true">, and makes it false by default, this way users can choose either <i> or <fa-icon> as required.  Note that by using [fa-icon]="true", user must install the FontAwesomeModule beforehand, you should not include it as it will cause redundant.


Damian Gemza staff answered 4 years ago

Dear @chakkit 

Thanks for your opinion. We'll think about implementing such a feature in the future.

As for now if you're using the latest version of MDB Angular (7.3.0) install the @fortawesome/fontawesome-free library and include it in the angular.json file.

Best Regards,


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Desktop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No