Adding a new icon to the Social Icons? (Following the KB article)

BB Theme
2

Hey Gerard!

That’s possible, but you’ll need to add a new Customizer control in functions.php to make it work. First add the control (changing nomad to whatever you like, that is used to build the CSS class that would become fl-icon-nomad)…

function nomad_customize_register( $customizer )
{
	$customizer->add_setting( 'fl-social-nomad', array( 
		'default' => '' 
	) );
	
	$customizer->add_control(
		new WP_Customize_Control( $customizer, 'fl-social-nomad', array(
			'label' 	=> 'Nomad',
			'section' 	=> 'fl-social-links'
		) )
	);
}
add_action( 'customize_register', 'nomad_customize_register' );

Then add it to the icon list using the filter…

function nomad_social_icons( $icons ) {
    $icons = array(
	    'nomad',
        'facebook',
        'twitter',
        'google',
        'linkedin',
        'yelp',
        'pinterest',
        'tumblr',
        'vimeo',
        'youtube',
        'flickr',
        'instagram',
        'dribbble',
        '500px',
        'blogger',
        'github',
        'rss',
        'email'
    );
    return $icons;
}
add_filter( 'fl_social_icons', 'nomad_social_icons' );

Once you’re done it will show up in the Customizer and on the frontend with the classes below, but you’ll need to style it using your own CSS. Let me know if you have any questions about that.

fl-icon fl-icon-color-mono fl-icon-nomad fl-icon-nomad-regular

Justin