如何在React中使用灯光图标

Question

如何在React中使用font-awesome light图标?

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

我的代码只工作，如果我使用固体图标。

谢谢。

Answer 1

我知道它没有帮助，但是要在react中使用轻量级版本，您只需要一个Pro帐户，如此URL (https://fontawesome.com/docs/web/use-with/react/)的Pro部分所示

首先，你必须下载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} />
);
}