Styles of Font Awesome in react-icons@3.0.1

[dparisotto-starcard]

Hi, how can i use the regular style of an icon in Font Awesome?

regular
solid

Thank you

[kamijin-fanta]

It is not included now.
I think it should be added.

[justswim]

I can't seem to use the regular icons - can you please show an example of how to use the regular, outline (not solid) heart?

[pnicolli]

@justswim They are not included at this time (if you check here, you can see it only exports brands and solid), but I think they should eventually be added.

Removing support for regular icons is causing issues in the migration from version 2. For example, I had FaCircle and FaCircleO in my app, but in FA5 FaCircleO is gone since it's just the regular version of FaCircle, so I can't migrate that icon at all.

[Nantris]

@gorangajic @kamijin-fanta is there a plan to address this? Just started using react-icons and it's incredible, but this stopped me dead in my tracks.

[kamijin-fanta]

I think the work itself is easy.
Please tell me how to make Solid / Regular coexist. There are options to give some prefix / suffix.

• option 1
     - FaHeart
     - FaHeartReg or FaHeartR
• otpion 2
     - FaHeart
     - FaRegHeart or FaRHeart

[justswim]

I think option 2 is most consistent with the font-awesome documentation (https://fontawesome.com/icons/heart?style=regular) ... FaHeart and FaRHeart makes sense to me.

[Nantris]

I like option 1 better personally, but I agree with @justswim. Option 2 would be better for consistency with Font-Awesome's docs.

[moshensky]

+1 for consistency with font-awesome documentation

[leogiertz]

The style change bit us and I think that option 2 is better for consistency with the FA docs.

[kamijin-fanta]

please try yarn add react-icons@next .
FaRegTimesCircle etc. should be available!

[leogiertz]

@kamijin-fanta Works great for us! Thanks.

[kamijin-fanta]

fix in react-icons@3.1.0

[flaska]

fix in react-icons@3.1.0

Thank you so much! :) 👍

[drixie]

Thanks for the great work.

Could you please add this to the documentation? Took me like 10 mins to find this lol.

[gunar]

tl;dr

import { FaCopy, FaRegCopy } from 'react-icons/fa';

// Solid
<FaCopy />

// Regular
<FaRegCopy />