faicons


How to Use font awesome icons as CSS content code

To use font awesome icons as CSS content code follow the below steps 1. Add a unique CSS class name to the icon element you want to use.2. Set the font-family to "Font Awesome 5 Free" (For regular,solid icons) or "Font Awesome 5 Pro" (If you buy a pro license) or "Font Awesome 5 Brands" (For brand icons) 3. Set the font-weight css property as 900 (For Solid), 400 (Regular or Brands), 300 (Light for pro icons). 4. Set the content css property to the unicode value font awesome icon. 5. And if required,add a common CSS class name for all icon elements, for example "font-awesome-icons" (This is to add your own CSS to the icons).

Font Awesome 6 Icons

Font Awesome 6 Icons available for pre-order. And Who ever having active font awesome subscription at the time of release will get access to font awesome 6 icons.

1598+ Free Font Awesome Icons Class list Names & their CSS content values

This post contains free font awesome icons class list names with their CSS content value codes & step by step tutorial to use font awesome icons in HTML pages.

Font Awesome Icons CDN

Font awesome has their own CDN servers. To use Font Awesome CDN we need to create an account in their website

10+ Alert icons in font awesome

Font awesome icons have 10 different types of Alert icons.

10+ Holiday icons in font awesome

Font awesome icons have 10 different types of Holiday icons.

10+ Winter icons in font awesome

Font awesome icons have 10 different types of Winter icons.

11+ Autumn icons in font awesome

Font awesome icons have 11 different types of Autumn icons.

11+ Halloween icons in font awesome

Font awesome icons have 11 different types of Halloween icons.

11+ Logistics icons in font awesome

Font awesome icons have 11 different types of Logistics icons.
๐Ÿ’Œ๐Ÿ‘‰ Improve your Angular Skills ๐Ÿ‹ ๐Ÿฅ‡
🎯 Improve your Angular Skills
..with a fresh Angular tutorial every couple of days