Font-awesome: Whatsapp icon doesn't work.

Created on 2 Oct 2018  路  10Comments  路  Source: FortAwesome/Font-Awesome

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.

Most helpful comment

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

All 10 comments

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 try fab 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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

quxiaofeng picture quxiaofeng  路  160Comments

Vilscon picture Vilscon  路  178Comments

QuincyLarson picture QuincyLarson  路  308Comments

marceloverdijk picture marceloverdijk  路  163Comments

sebastialonso picture sebastialonso  路  178Comments