search

danawoodman / react-fontawesome

A React Font Awesome component.
https://www.npmjs.com/package/react-fontawesome
MIT License
668 stars 72 forks source link

Can't get "-o" icon names to render #91

Closed miki-nis closed 4 years ago

miki-nis commented 4 years ago

I've tried to use icons like in your example but those with "-o" suffix don't show. The base names, without "-o" work fine, however.

I've tried:

<FontAwesome name="clock-o" /> 
<FontAwesome name='square-o' stack='2x' />

When I visit list of fontawesome icons on their site, there are no alternatives for "-o" suffix. They implement icon variants using classes: fas (solid icon) far (regular outlined icon) fal (light outline)

How do I achieve that with react-fontawesome?

danawoodman commented 4 years ago

@mickyinba you are using FontAwesome 4 not 5 correct? If you are using FA 5, please see note in readme about using official FontAwesome components instead, this repo only supports FA 4.

That said, the clock-o and other 4.x icons should work assuming you are using the proper version of the FontAwesome font.

If you think this is an issue with FA 4 + react-fontawesome, please reopen!