How to add custom phone/call icon to the social media menu?

Hi Vahhab-

By default, the phone icon isn’t included in the social media networks that have icons, but with a little work you can accomplish this.

Here’s the procedure to add a custom social media icon, along with detailed explanations of the code.

To summarize, you’ll need to install the plugin Code Snippets to add the phone icon. Here’s the precise code you’ll need to use in your snippet:

function my_add_custom_icon_phone( $networks ) {
	$networks['tel:'] = array(
		'name' => 'Call',
		'class' => 'call',
		'icon' => 'fa fa-phone',
		'icon-sign' => 'fa fa-phone-square',
		'icon-square-open' => 'fa fa-phone fa-phone-1x',
		'icon-square' => 'fa fa-imdb fa-phone-1x',
		'icon-circle-open-thin' => 'fa fa-phone fa-phone-1x',
		'icon-circle-open' => 'fa fa-phone fa-phone-1x',
		'icon-circle' => 'fa fa-phone fa-phone-1x',
		);
	return $networks;
}
add_filter( 'boldgrid_social_icon_networks', 'my_add_custom_icon_phone' );

Just to be safe, I highly recommend using the option to Only run once the first time you save your snippet, just in case there was a typo. If you don’t get an error after running the code once, you can activate the snippet and select Run snippet everywhere.

Now that you’ve added the icon, all you have to do is make your menu link. Navigate to Customize > Menus and click on Social Media. Add a new Custom Link menu item. For the URL, add your phone number prefixed with tel: , for example, tel:123-456-7890. Here’s what it should look like:

Now, you should see the new icon in your social media icons:

Glad to be able to help, Vahhab. Let us know if there’s anything else we can do to help!