+ 2

Please whenever I use this line of code to create socail media icon it doesn't output why

<iclass="fas fa-facebook">

12th Feb 2023, 12:15 PM

Teitei Wisdom

13 Answers

+ 3

fab not fas https://fontawesome.com/v5/icons/facebook-f?s=solid&f=brands

12th Feb 2023, 12:31 PM

Sakshi

+ 3

If I checked right code, you are using cdn for version 6.0 beta, but try to run font awesome icon from earlier versions. This cdn link does not work as intended so my guess was right it is wrong cdn what make icons not show. Change to this cdn(newest version) I tested your icon, but also new icon for version 6.3 both work just fine with this version. Beta versions may not be great, so always try to use new version, and if something dont work, try to switch cdn or install library directly. Here is code, change your old with this and it will work <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Next time please use "+" to add code, so we won't check wrong code by mistake.

12th Feb 2023, 5:31 PM

PanicS

+ 2

Please post your code, so we can test it. Did you include font awesome in your code? If so maybe link is not good and you need some other link. I now just guess, I can't be sure without looking at code.

12th Feb 2023, 12:54 PM

PanicS

+ 1

Still not showing 😭😭😭

12th Feb 2023, 12:35 PM

Teitei Wisdom

+ 1

In sololearn maybe this code is not run you can use sublime text editor

12th Feb 2023, 12:37 PM

Sakshi

+ 1

I have made the code public thanks 🙏🙏

12th Feb 2023, 1:00 PM

Teitei Wisdom

+ 1

Use font-awesome4 for fa fa--

12th Feb 2023, 7:11 PM

Em Leons

+ 1

Make sure your fontawesome kit is updated (v6.3.0) If not go and update:- https://fontawesome.com/kits/

13th Feb 2023, 6:39 PM

Rupan Samanta

+ 1

Font Awesome CSS file not included: The first step in using Font Awesome icons is to include the Font Awesome CSS file in your HTML file. If the CSS file isn't properly included, the icons won't display. Make sure that you have correctly linked the Font Awesome CSS file in the <head> section of your HTML file. Incorrect class name: Make sure that you have used the correct class name for the Facebook icon. The class name for the Facebook icon is fas fa-facebook. Internet connectivity issues: If the Font Awesome CSS file is being loaded from a CDN, it's possible that there are issues with your internet connection that are preventing the file from being loaded. Check your internet connection and try reloading the page. Incorrect URL for the Font Awesome CSS file: Make sure that the URL for the Font Awesome CSS file is correct. Double-check that you are using the correct URL, and if necessary, obtain the latest URL from the Font Awesome website. If none of these solutions work, please provide more information

13th Feb 2023, 7:09 PM

Md Rabby