Why Font-Awesome icon class is different

html icons font-awesome

27,752

Solution 1

The fa prefix has been deprecated in version 5. The new default is the fas solid style and the fab style for brands.

Please Refer to this

https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

Solution 2

Chek out Font Awesome DOCS: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

This image has all the informations about prefixes so there is really nothing more to add :)

Font Awesome 5.10.0+ has duotone icons with new prefix fad.

27,752

Author by

Pranta Saha

I am a very simple person who always love simplicity in everywhere. Life is really simple but we insist on making it complicated. ~ Confucius By the way, I am a happy coder, loves programming as fun as well as keep eyes on web development and design. I think I can take better portrait photograph with my Nikon D5500. So, I am going to enlist my some skills: Design Photography Sleeping Programming Cooking Community Maintaining Thanks for reading those boring lines. SMILEUPPS-373C9BEE6D

Updated on July 09, 2022

Comments

Pranta Saha almost 2 years

Why fontawesome icon class is different

<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />


<i class="fa fa-edit"></i>
<i class="fas fa-pencil"></i>
<i class="fab fa-facebook"></i>