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