Adding Social Profile Image

Hi Guys

I am trying to add a custom image as a social media profile. I have added the following:

functions.php:

// We’ll use the Kriesi.at glyph for this example
function avia_add_custom_social_icon($icons) {
$icons[‘Synergis’] = ‘synergis’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

Custom CSS:

#top #wrap_all .av-social-link-synergisi a:before{
content: “”;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
background: url(http://54.173.100.101/wp-content/uploads/2019/10/Synergis_icon_red-1.png) no-repeat center center;
background-size: contain;
}

But the image is not displaying. There is now a new social profile but instead of my image there is simply a pencil icon.

Please help.

Thanks
Dee