如何使用带有React-Fontawesome的轮廓图标?

时间:2019-11-28 15:17:10

标签: font-awesome react-font-awesome

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

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

  2. <i class="far fa-heart"></i>常规心脏图标(概述)

我得到的第一个代码如下:

<FontAwesomeIcon icon={faHeart} />

如何获得第二个?

1 个答案:

答案 0 :(得分: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'

就是这样!