1. Setup iFonts in Your Project

iFonts Kits are the easiest way to get iFonts icons into your projects. Just create a new iFonts Kit and add the Kit embed code to the head of each template or page of your project where you want to add icons.

Set up a Kit →

2. Find and Add Icons

Browse the thousands of icons in v6 to find some icons you like and then add the icon name and style as CSS classes to an HTML <i> tag.

                    <!-- solid style -->
                
                    <i 
                    class="fa-solid fa-user"></i>
                
                    <!-- regular style -->
                
                    <i 
                    class="fa-regular fa-user"></i>
                
                    <!-- light style -->
                
                    <i 
                    class="fa-light fa-user"></i>
                
                    <!-- thin style -->
                
                    <i 
                    class="fa-thin fa-user"></i>