如何使用React使用FA-Light图标

发布于 2025-01-29 01:08:35 字数 143 浏览 2 评论 0原文

我如何使用反应的字体引人入胜的图标？

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

如果我使用坚固的图标，我的代码仅能工作。

谢谢。

原文

how do I use font-awesome light icons with React?

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

My code only work, if I use solid icon.

Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陌上青苔 2025-02-05 01:08:35

我知道这无济于事，但是要在React中使用Light版本，您只需要一个Pro帐户，如Pro部分所示（ https://fontawesome.com/docs/web/use-with/react/ ）

您首先必须下载依赖项npm i -save @fortawesome/pro-light-svg-icons，但仅适用于Pro版本，对于免费版本，您必须使用cdn的字体HTML或使用图像。

下载后，只需导出您想要的图标：

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} />
    );
}

I know it doesn't help, but to use the light version in react, you only need a Pro account, as shown in the Pro section at this URL (https://fontawesome.com/docs/web/use-with/react/)

First you will have to download the dependency light npm i --save @fortawesome/pro-light-svg-icons but it is only for the Pro version, for the free versions you will have to use the font by the CDN in the html, or use a image.

After downloading just export the icon you want:

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} />
    );
}

回复收藏 0 原文

~没有更多了~