Why is the default prefix for solid ("fas") rather than regular ("far")?

When passing a string as the value of icon the default prefix is hardcoded for the solid font (“fas”).

Why not default the prefix to the regular font (“far”)?

Using the Font Awesome Regular this doesn’t work:

<FontAwesomeIcon icon='circle' />

Instead I have to do this:

<FontAwesomeIcon icon={['far', 'circle']} />

Seems that the default should be “far” and that if a user wants to use the solid, light, or brand fonts that they should have to pass a prefix.

[silvinodemedeiros]

Anyone can confirm or link to something that says whats in op? That this is the RIGHT way to do it:

<FontAwesomeIcon icon={[‘far’, ‘circle’]} />

It don’t work for me.

It doesn’t work for me either

EDIT: I got it to work after installing the /free-regular-svg-icons and importing it as required in App.js. The thing is, and it might confuse people as it confused me, the regular style is listed in the React documentation as a Pro feature. Only solid styled icons are listed as free icons.

[robmadole]

@mikael1000 <FontAwesomeIcon icon={['far', 'circle']} /> is the correct way.

@PhilipsEkuma can you provide a reproduction we can take a look at?