How can I use outlined icons with react-fontawesome?

Question

Basically I'm trying to use two icons:

The first one I got with the following code:

<FontAwesomeIcon icon={faHeart} />

How can I get the second one?

score 34 · Accepted Answer · edited Apr 23 '22 at 21:56

34

After some reading in the react-fontawesome docs I figured out how to do outlined icons.

For the first one I need the package @fortawesome/free-solid-svg-icons Then I need to import the icons as the following:

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

The second one, I need the package @fortawesome/free-regular-svg-icons

Then I just import the following.

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

That's it!

edited Apr 23 '22 at 21:56

Orlandster

answered Nov 28 '19 at 15:47

Pablo Darde

2

That was what I've been looking for. – Muhammed Bera Koç Jun 05 '21 at 18:08
it is saying that faHeart is already decleared, any solution – Prateek Pareek Mar 31 '22 at 18:27

1 Answers1