angular fontawesome社交图标问题

Question

我已经在我的angular应用程序中为字体令人惊叹的图标做了npm install，我的package.json包含：

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

在我的app.module.ts中，我导入了字体--太棒了：

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
imports: [
    BrowserModule,
    FontAwesomeModule,
    HttpClientModule
  ]

在我的组件中，

import { faCoffee } from '@fortawesome/free-solid-svg-icons';

现在，当我在组件html中使用<fa-icon [icon]="faCoffee"></fa-icon>时，我可以成功地显示咖啡杯图标。现在我需要显示像facebook，instagram和twitter这样的社交图标，但当我尝试<fa-icon [icon]="faFaceBook"></fa-icon>等时，没有图标出现。有没有人能给我提供正确的文本，以便在icon=中使用这些社交图标？对于<fa-icon [icon]="?"></fa-icon>

Answer 1

以下是解决方案：

npm add  @fortawesome/free-brands-svg-icons

在组件中：

import { faTwitter,  faFacebookF, faInstagramSquare } from '@fortawesome/free-brands-svg-icons';

  faFacebook = faFacebookF;
  faInstagram = faInstagramSquare;
  faTwitter = faTwitter;


                 <li>
                    <fa-icon [icon]="faFacebook"></fa-icon>
                </li>
                <li>
                    <fa-icon [icon]="faInstagram"></fa-icon>
                </li>
                <li>
                    <fa-icon [icon]="faTwitter"></fa-icon>
                </li>