0

My font awesome icon is not working. It just popup with a square. I've linked a cdn to on my index.html but still its not working. It s my first react app and I was trying to insert a icon for a github. My code is simple boilerplate for react and i have just include icon tag inside a root element. I need a best solution for this problem?

enter image description here

4
  • for better responses, dont just provide with your issue ,but your code as well .If you are having an issue with functionality , provide images . And add the font in index.css and put it inside body{} ,be sure to reference it in index.html May 24, 2020 at 13:15
  • How did you install the font? via cdn, package, ...?
    – max
    May 24, 2020 at 13:15
  • As explained in the comment above, please provide more details such as code snippets, images etc May 24, 2020 at 13:53
  • You can check your browser network dev tools, maybe fontawesome CSS or fonts files aren't loading. Also, as suggested by others, improve your question, also add the fontawesome version and steps you followed to add it.
    – Ajeet Shah
    May 24, 2020 at 13:57

1 Answer 1

0

How to use font awesome


1) you have to generate font awesome kit first by login on Creating and use this kit

2) A script tag will be sent to your mail

somewhat similar to this

<script src="https://kit.fontawesome.com/12532eg3q2a.js" crossorigin="anonymous"></script>

3) just put it in your main file and then you can use font-awesome-icons only the one which are free!

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.