'How to fix font awesome icons not showing on mobile / chrome?

<i class="fa fa-laptop-code large-icon"></i>

I use this html code for font awesome icon, it's showing perfectly on desktop , the problem is only with mobile view.**

htmlcssfont-awesome


Solution 1:[1]

Possible Problem 1

You are using the 

<i class="fa fa-laptop-code large-icon"></i>

if you are using the latest version of font-awesome it is most likely 

<i class="fas fa-laptop-code"></i>

try downgrading your version or updating your classes to "fas"

Possible Problem 2

Check on your mobile view if you have any css that is exists only on the mobile view e.g.

@media screen and (max-width:600px){

}

Solution 2:[2]

This problem mainly occurs when you use outdated Font Awesome CDN. Try using the latest one from their website.

Hope this will work.

Solution 3:[3]

I faced the same issue when I tried to host font awesome icons by myself using the all.css file inside my CSS folder and importing it to the HTML page. I resolved the issue by importing the font awesome CDN link instead of using the all.css file.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">

Solution 4:[4]

For me this worked:

I was using the official fontawesome cdn. So I changed my current one for the one privide for fontawesome in their official web:

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>

Solution 5:[5]

Oddly enough, adding random query string to my fontawesome cdn link (example: ?v=7857324) worked for me. Looks like in my case I just needed to force reload the file for my users..

From

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

to

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css?v=7857324">

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Frosty
Solution 2 Abhishek Nishad
Solution 3 prahack
Solution 4 Jmainol
Solution 5 JuliaJ

Related Questions