problem in my web sit (icon)

Question

I have a problem with my program in the icon i get it from font awesome .Why do they appear like squares
https://code.sololearn.com/W8YIdS3cy5WE/?ref=app

Answer 1

Use fa instead of fab.

The following class attribute values will work with your Font Awesome link:
fa fa-facebook-f
fa fa-instagram
fa fa-envelope

If you run into a similar problem in the future, you could do what I do.
1. I checked your font-awesome link and removed the '.min' to get the more human-readable format at: https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css
2. I looked for CSS classes similar to the ones you want. I found the facebook, instagram, and envelope. I did NOT see the .fab defined.
3. I experimented with changing the class attribute to what should work based on the previous step's findings.

I'm not sure why but Font Awesome has a less than ideal way to look up icons for a specific version of Font Awesome so I often end up getting problems like you encountered and end up looking at the CSS source file like above to troubleshoot.