如何将带轮廓的图标与反应字体真棒一起使用?

Question

基本上我尝试使用两个图标：

1. <i class="fas fa-heart"></i>实心图标

2. <i class="far fa-heart"></i>常规心形图标(轮廓(

我用以下代码得到的第一个：

<FontAwesomeIcon icon={faHeart} />

我怎样才能得到第二个？

Answer 1

在阅读了一些react-fontawesome文档后，我想出了如何做轮廓图标。

对于第一个，我需要包@fortawesome/free-solid-svg-icons然后我需要导入图标如下：

import { faHeart, faTrash } from '@fortawesome/free-solid-svg-icons'

第二个，我需要包@fortawesome/free-regular-svg-icons

然后我只导入以下内容。

import { faHeart as farHeart } from '@fortawesome/free-regular-svg-icons'

就是这样！