Probably bug and proposition: Social media icons are not shown

Bug Report or Feature Request (mark with an x)

- [ x] bug report -> please search issues before submitting
- [ x] feature request

Versions

ngx-auth-firebaseui v1.1.0

I’ve tried to use component ngx-auth-firebaseui-providers with [theme]=“themes.MINI_FAB” and faced the following issue:

mat-icons do not show social network logos. I have the following structure in the assets:

Could you please take a look, am I doing something wrong?

As an alternative I would recommend using font-awesome set of icons. It seems that it has all popular social media icons and sometimes it’s even easier to integrate to your project than dealing with SVG icons.

[AnthonyNahas]

did you import the assets into your angular.json ?

–>

"assets": [
              "src/assets",
              "src/favicon.ico",
              {
                "glob": "**/*",
                "input": "node_modules/ngx-auth-firebaseui/assets",
                "output": "/assets"
              }
            ],
"styles": [
              "src/styles.scss",
              "node_modules/material-design-icons/iconfont/material-icons.css"
            ],

see that in readme

and don’t forget to install the material-deisgn-icons’s package learn more here, in the material icons section

or here

tell me if that works! take a look to the demo app inside the repo here

related to the question about font-awesome…

ngx-auth-firebaseui is built completely with material deisgn, so I need material design icons too.

In future work, I will maybe support bootstrap as an extra module! Then I will make use of the font-awesome.

Note: I am trying to find a solution so that the icons are directly imported in the library without to reply on an import via angular.json…

Tell me if that works!

cheers

(by the way: it’s so cool that you are using the latest features of ngx-auth-firebaseui 🎉)

[ivanlucky22]

Thanks!