Topic: carousel-control-prev-icon & carousel-control-next-icon not showing

todo priority asked 2 years ago

Expected behavior

carousel-control-prev-icon should generate a viewable icon (and next as well)

Actual behavior

empty square - the character is not found.

Resources (screenshots, code snippets etc.)

manually downloaded pro minified version. also happened in 4.2

<button class="carousel-control-prev" type="button" data-mdb-target="#carouselExampleIndicators" data-mdb-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="visually-hidden">Previous</span>

inspecting carousel-control-prev-icon::after shows following css

.carousel-control-next-icon:after, .carousel-control-prev-icon:after {
  font-weight: 700;
  font-family: Font Awesome\ 6 Pro,Font Awesome\ 6 Free;
  font-size: 1.7rem;

changing font-family to 5 fixed it

font-family: 'Font Awesome\ 5 Free';

todo priority commented 2 years ago

OHHHH - I thought well enough, there's the problem. But I just realized there is in fact FA 6 and it's referenced in the setup page, where did I get the wrong link to 5? Well I originally grabbed the webpack starter from the setup link, and mdb-webpack-starter uses the following link in index.html

<link rel="stylesheet" href="">

Grzegorz Bujański staff commented 2 years ago

Thanks for reporting. But from what I can see in the webpack starter we have the correct link. Have you downloaded webpack starter from somewhere other than our github or have you downloaded it some time ago?

todo priority commented 2 years ago

pro Installation page:

does a direct download of a zip file.

Grzegorz Bujański staff commented 2 years ago

Thanks for the information. We will update the link

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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.3.0
  • Device: desktop
  • Browser: chrome
  • OS: win 10
  • Provided sample code: No
  • Provided link: No