5

I just purchased FA-pro, and I tough semantic had a way to use it, but it is nowhere documented. Any way to use Font awesome pro with semantic-ui ? (I'm using SUI React, but I already did an Icon wrapper to directly use SUI).

Improve this question

2 Answers 2

Reset to default
4

Semantic UI has CSS compiled for the basic Font Awesome. That doesn't mean you are prevented from using whatever you want though. However, the name prop on Semantic UI React's Icon component is only going to help you validate for icon names in the free set.

In this case, the way you may want to go is just to include all of the styles that come with Font Awesome's Pro set in your project instead. You can still use SUIR's Icon component but you would define your icon classes with the className prop instead.

Take a look at Font Awesome's basic use docs.

Once you include your pro fonts and css in your project's build process (whatever that is) then you should be able to do this: <Icon className='far fa-stroopwafel' />

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

I've tried doing just this, and it doesn't seem to work for me. I followed this installation method and added the all.js script element to my html header, and still no luck.
0

I am not using the pro version of font awesome, but I usually just do this

<Label size='medium' color='green'><FontAwesomeIcon icon='dragon'/>   Powerful for gaming</Label>

This will create enter image description here

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.