Ok, a better question: The default font in Enfold includes the icon I want to use already. I used the icon code in my functions file to include it as an option, but the icon is still not showing up.

This is my functions.php code:

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['spotify']	 = array( 'font' =>'fontello', 'icon' => 'ue907');
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['Spotify'] = 'spotify';
return $icons;
}

Any idea why it wouldn’t work on the front-end?

Where should the font file be imported? I’ve selected a couple icons I want to use and downloaded the files from Fontello, but where should I upload them?

I have the import code in functions.php, so the option shows in the editor, but the icon doesn’t show or doesn’t show the correct icon on the front-end.

Also, is there anything I need to edit to make the colored circle hover-effect work on the custom icon?