Thank you so much for this! I first tried Font Awesome some months ago and couldn't figure out how to use the social media icons. I was having the same issue again today. I tried looking up articles about this issue but couldn't find any. I'm glad that I then thought to look up videos.
Thanks for this. Not sure why FA has the brands import information so hidden, but it's been driving me crazy for a while. Glad to finally get this working!
I really hope you see this. I had no problem importing solid svg icons, but I can't import the brand ones (HTML, CSS, etc). I did everything you did in the video except the react-bootstrap import, and it won't work. Any ideas why or what can I try?
I like the way you talk, but I am just learnign React and I think you added unnecessary layers of complexity. I have a vague idea of what Gasty is, for example, but mentioning those things confuse me.
If you watch the video again, you'll see I don't copy and paste the code snippet. I do describe how to go about translating it to react though. 1. fa-pinterest should be faPinterest. 2. icon={faPinterest} Don't forget to load up the svg brands prior.
It is so easy for HTML and CSS. I do not know why they have done this so complicated for React. Thank you so much, it was a great explanation.
I completely agree. Also no idea why they buried the brands as well.
Thank you so much for this! I first tried Font Awesome some months ago and couldn't figure out how to use the social media icons. I was having the same issue again today. I tried looking up articles about this issue but couldn't find any. I'm glad that I then thought to look up videos.
You are so welcome. The brands one is a little tricky.
Thanks for this. Not sure why FA has the brands import information so hidden, but it's been driving me crazy for a while. Glad to finally get this working!
I agree. I don't know why it is hidden as well.
idk why it was so hard for me to find this tutorial. Clean video, thx a lot!
You are so welcome
You're a hero bro, thanks
You are very welcome.
Its really helpfull....
believe me I waste my whole day just to upload only this
but i can't
but now this video really help me to complete my task
Stoked!
Great detail and good explanation.
Thanks very much!!!
Second time your channel is helping me. Good work sir!👍🏿👍🏿👍🏿
Stoked!
You saved my day man! I cant thank you enough
Sweet! You’re so welcome.
Very helpful! Thanks a lot my friend!
Thank You for this Video. Very Helpful
thank you sooo much man
very good , really helpful , tnx
Such great video !
Stoked! Ya React Font Awesome can be confusing at times.
Thank you!!!
I really hope you see this. I had no problem importing solid svg icons, but I can't import the brand ones (HTML, CSS, etc). I did everything you did in the video except the react-bootstrap import, and it won't work. Any ideas why or what can I try?
They hid the brand icons for some reason.
npm install --save @fortawesome/free-brands-svg-icons
Thank you sir
Thank You!
You're welcome!
how about call and email icons those are not working for me
Those aren’t brand svg’s. Note the coffee icon on the font awesome react page.
I like the way you talk, but I am just learnign React and I think you added unnecessary layers of complexity. I have a vague idea of what Gasty is, for example, but mentioning those things confuse me.
Gatsby is just a version of React. There's also Next too. But the code is essentially the same.
why they made it complex .. earlier version was easy to install and to use
No idea. But it works :)
Linkedin icon not working
try faLinkedinIn
why not this working when we copy the code snippet
If you watch the video again, you'll see I don't copy and paste the code snippet. I do describe how to go about translating it to react though.
1. fa-pinterest should be faPinterest.
2. icon={faPinterest}
Don't forget to load up the svg brands prior.
Thank you!