Angular 13 + V2: No Icons

[kombasltd]

Hi,

I just installed version 2 for my Angular 13 app but I don't see any icons. After maximizing an Image it is displayed but I am not able to close ist (because of the missing icons).

Angular: 13.1.1
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1301.2
@angular-devkit/build-angular   13.1.2
@angular-devkit/core            13.1.2
@angular-devkit/schematics      13.1.2
@angular/cli                    13.1.2
@schematics/angular             13.1.2
rxjs                            6.6.7
typescript                      4.5.4

Best regards

[kombasltd]

As I use FontAwesome in my project too, could the problem be here?

You use in your example:

"font-awesome": "^4.7.0",

I use (from the Fontawesome website): https://github.com/FortAwesome/angular-fontawesome

"@fortawesome/angular-fontawesome": "^0.10.1",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4",

[kolkov]

Yes, I think it is not possible to combine other versions of font in one project. We need to convert icons to svg to the file or use it inline.

[kolkov]

https://stackoverflow.com/questions/49467856/font-awesome-4-and-5-in-same-page

[Vikas4790]

I was facing the same issue as well. But importing fontawesome css in body of index.html did the trick for me.

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
    integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">