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

Question

<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.**

Answer 1

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">