font-awesome - 如何在 react-fontawesome 中使用轮廓图标？

Question

基本上我试图使用两个图标:

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

<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'
就是这样!