Add Icons

Add Icons

Add custom icons to your website.
Use the pre-installed Font Awesome 5 icon kit to choose from over 1600 free icons you can add to your site.

To add new icons, go to Font Awesome 5 website and copy the icon's HTML code:

sample snippet:

 <i class="fa fa-heart" aria-hidden="true"></i>

popular icons:

 <i class="fab fa-instagram" aria-hidden="true"></i>

 <i class="fab fa-facebook-f" aria-hidden="true"></i>

 <i class="fab fa-twitter" aria-hidden="true"></i>

 <i class="fab fa-pinterest-p" aria-hidden="true"></i>

 <i class="fa fa-heart" aria-hidden="true"></i>

To ensure that your icons can be styled through the dedicated icon editor, follow the sample Social Media Icons gadget structure and wrap it in a DIV with class ".icons":

sample snippet:

 
 <div class="icons">  
    <i class="fa fa-heart" aria-hidden="true"></i>  
 </div>  

To make the icon clickable, add a hyperlink:

 <div class="icons">  
  <a href="YOUR LINK" target="blank">
    <i class="fa fa-heart" aria-hidden="true"></i>  
  </a>  
 </div>  

To adjust the icon design,
use the dedicated icon editor

To customize the website background colors,
go to Advanced ⟶ Backgrounds

Not what you're after?
Feel free to contact me if you have a custom request.