font awesome icons are not showing angular 6

Question

I have used ngx-tree-select for multi-level-selection.

https://stackblitz.com/edit/ngx-tree-select

Inside dropdown font awesome icons are not showing. When inspect, . font awesome version which I had is "@fortawesome/fontawesome-free": "^5.2.0", and I also installed latest version "@fortawesome/fontawesome-free": "^5.12.0", but still icons are not showing inside dropdown.

plus,minus,check icons nothing showing. Can someone help me to get out of this issue.

Answer 1

According to the official documentation here

Add in your head section in index.html

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Answer 2

Thanks for helping me. I found the fix for this,

I have imported " " in index.html and few css addition in styles.css

tree-select-item .item.item a span .fa {
    font-family: FontAwesome;
}
tree-select-item .item.item a .fa {
    font-family: FontAwesome;
}

As my application, have default .fa { font-family:"Font awesome 5 free"} this not allowed to show older icons.