I use it with this in the head
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
crossorigin="anonymous">
And unfortunately fas fa-whatsapp
and fas fa-whatsapp-square
doesn't work. Just showing a default white square.
Chrome console seems doesn't show any message related to that.
Other icons (in my case fas fa-map-marker-alt
) works perfectly.
Hi!
Thanks for being part of the Font Awesome Community.
Please note that brand icons require the fab
prefix. Please try fab fa-whatsapp
Hope it helps
Closing here
+1 Unicode doesn't work... "\f232"
@gcoli6 take a look at https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements#how-they-work, there you will find how to use pseudoelements. Double check the font-family
value in your stylesheet
If you are not able to solve, please open a new bug report filling out our bug report template
+1 Unicode doesn't work... "\f232"
@tagliala Something related to font-weight?
@bdadev maybe!
Are you having issues with the whatsapp icon in pseudoelements?
Whatsapp is come under Brands category so you need to set font family first.
This is how -> font-family: "Font Awesome 5 Brands";
content: "\f232";
font-weight: 400;
This is 100% working code. :)
Hi!
Thanks for being part of the Font Awesome Community.
Please note that brand icons require the
fab
prefix. Please tryfab fa-whatsapp
Hope it helps
Closing here
Thank u, it's works for me
<i class="fab fa-whatsapp" aria-hidden="true"></i>
works for me
Not working for me even
Please help.
@mennei if you provide a reproducible test case I will take a look
Most helpful comment
Hi!
Thanks for being part of the Font Awesome Community.
Please note that brand icons require the
fab
prefix. Please tryfab fa-whatsapp
Hope it helps
Closing here