custom social icon not displaying properly…

Thanks Vinay for the sizing change, I will try it. This doesn’t answer my question though, I have followed adding custom icons as per instructions (which I want added to my social profiles options, not just the font icons in template builder). It worked at first and the icon displayed correctly, but now just shows a “pen” icon which seems to be a default icon. Link to site is in private content so you can see for yourself.
I also want to know how to add TWO icons to social profiles, but unsure how to add this into the provided code.
So far I have added:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['vsco']	 = array( 'font' =>'entypo', 'icon' => 'ue888');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

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

• This reply was modified 8 years, 10 months ago by carendavis.

Ah worked this one out too, just had to play. For anyone wondering…
create a new font and new unicode for each symbol, and enter as below!
You can mark this RESOLVED now thanks :)

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['vsco']	 = array( 'font' =>'social-new', 'icon' => 'ue888');
$icons['mail']	 = array( 'font' =>'mail-new', 'icon' => 'ue800');
$icons['ello']	 = array( 'font' =>'ello-new', 'icon' => 'ue801');
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['vsco'] = 'vsco';
$icons['mail'] = 'mail';
$icons['ello'] = 'ello';
return $icons;
}