Making custom icons work for social icons

I am having difficulty getting imported icons from fontello to work with my social icons.
This is what I have done so far.
1. Went to fontello.com and chose an instagram icon under font awesome.
I gave it a custom name of myinstagram and a custom code of ufi8f and a font name of shape2
2. Downloaded the font and then imported the font into Icon Font Manager where it showed up nicely as shape2
3. inserted the following into the functions.php of my child theme

add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘myinstagram’] = array( ‘font’ =>’shape2’, ‘icon’ => ‘uf18f’);
return $icons;
}

add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons[‘MyInstagram’] = ‘myinstagram’;
return $icons;
}

4. Went to the social profiles and social icon I chose MyInstagram
5. Added the following to custom css for color styling
#top #wrap_all .av-social-link-myinstagram:hover a{color:#a67658; background-color:#fff; }
#top #wrap_all .av-social-link-myinstagram a{background-color:#a67658; color:#fff; }

The icon should be to the right of YouTube at http://www.4pcfix.net/shape/ but it is blank.
I have checked to see if the icon is available by going to a page and adding an icon and it is under shape2 with charcode of \uf18f