如何在 React 中使用 fa-light 图标

Question

如何在 React 中使用字体超赞的浅色图标？

<FontAwesomeIcon icon={faEnvelope} size="2x" />

我的代码只有在我使用实心图标时才有效。

谢谢。

Answer 1

我知道这没有帮助，但要在 React 中使用轻量级版本，您只需要一个 Pro 帐户，如该 URL 的 Pro 部分所示（https://fontawesome.com/docs/web/use -与/反应/)

首先你必须下载依赖灯

npm i --save @fortawesome/pro-light-svg-icons

但它只适用于专业版，对于免费版本你必须在html中使用CDN的字体，或使用图像。

下载后导出你想要的图标即可：

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCircleInfo } from '@fortawesome/pro-light-svg-icons';

export default function Index(): JSX.Element {
    return (
        <FontAwesomeIcon icon={faCircleInfo} />
    );
}