Hi there!

Thanks for reaching out.

Please use the following code in your custom CSS:

#sp-top2 .fa{
    font-family: "Font Awesome 5 Brands" !important;
}

Moreover, if you want to use extra social icons in Helix templates, you can use Custom field for it. You need to add the fontawesome class<space>social link Example: fa-instagram https://instagram.com If you want to add more than one social icons, then you need to use any of the default icon and use custom CSS. For example, to change Dribble icon to instagram, you need this code snippet to put into the custom CSS:

.fa-dribbble::before { content: "\f16d"; } This may help too in spite of it's Helix Ultimate: https://www.youtube.com/watch?v=8dpCfEnvLts

Note: Here is all about custom code placement in Helix3 framework: https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code

Best Regards