Quick integration
Follow these steps to integrate iFonts into your project:
Step 1: Download or Access the Package
Step 2: Integrate the CSS Link
Add the following link inside the <head> tag of your HTML:
<link rel="stylesheet" href="https://vs.ifonts.dev/1/if.css">
Step 3: Add Icons to Your HTML
Use one of these options to display icons in your HTML:
<i class="ifs if-icons"></i>
<ifs class="if-icons"></ifs>
Step 4: Customize the Size and Color of Icons
Examples of customization:
<i class="ifs if-icons if-lg"></i>
<i class="ifs if-icons if-xl"></i>
<i class="ifs if-icons" style="color: red;"></i>
<i class="ifs if-icons" style="transform: rotate(45deg);"></i>
Step 5: More Details and Icon Search
For more details on how to use iFonts or to search for specific icons, visit the full documentation and use the icon search feature.