Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

MikeH premium asked 5 years ago


Hi there

After running npm install to add a new package (not related to mdbootstrap) i do not see any icons anymore. (Only black squares)

I use icons like so

 <mdb-icon icon="sort" (click)="sortBy('Id')" class="pointer"></mdb-icon>

What is the issue? there has been a change in package-lock.json from

"ng-uikit-pro-standard": {
  "version": "git+https://oauth2:XXXXX@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git#8989901a03e0fb7ecf0cfea42c9fdcf8815aefe6"
},

to

"ng-uikit-pro-standard": {
      "version": "git+https://oauth2:XXXX@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git#2a71084db74e207cc4915194b5f51bf33c5fc0b3",
      "requires": {
        "tslib": "1.9.3"
      }
    },

but even reverting the changes and running npm install again does not solve the issue.

What am i missing?


Arkadiusz Idzikowski staff answered 5 years ago


In version 7.3.0 we added support for Font Awesome 5. Please take a look at our quick start guide and make necessary changes. You need to install '@fortawesome/fontawesome-free ' package and update angular.json styles array with:

"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",

Mdb-icon component syntax changed slightly as well. Please take a look at new examples in our documentation:

Angular icons list



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: PC
  • Browser: Chrome / Firefox all
  • OS: Windows
  • Provided sample code: No
  • Provided link: No