我如何在 angular 中使用品牌 fontawesome 图标

Question

我无法在我的组件中使用 font awesome brand icons 我尝试导入它，但是没有任何图标。

import {faTelegram} from "@fortawesome/angular-fontawesome"; // Has no exported member

但是我们可以看到品牌图标在 fontawesome-5 中可用 https://fontawesome.com/icons/telegram?style=brands

这个图标怎么用！？

Answer 1

Angular中FontAwesome的使用方法非常多，我建议你使用npm，这是官方的指南。 Link here

Answer 2

帮自己一个忙，至少阅读文档的第一页。

品牌是从

进口的

'@fortawesome/free-brands-svg-icons' // or pro-brands-svg-icons

The documentation (first page) 有一个深入的用法示例

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

// Add an icon to the library for convenient access in other components
library.add(faTwitter);

<fa-icon [icon]="['fab', 'twitter']"></fa-icon>

我如何在 angular 中使用品牌 fontawesome 图标

How do i use brand fontawesome icon in angular

font-awesome-5

angular