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

**URL:** <https://community.wpbeaverbuilder.com/t/adding-a-new-icon-to-the-social-icons-following-the-kb-article/6571>\
**Category:** BB Theme\
**Created:** [January 19, 2016, 10:03am UTC](https://community.wpbeaverbuilder.com/t/adding-a-new-icon-to-the-social-icons-following-the-kb-article/6571 "2016-01-19T10:03:12Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![justin](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/justin/32/16_2.png) [@justin](https://community.wpbeaverbuilder.com/u/justin)\
**Post date:** [January 19, 2016, 2:33pm UTC](https://community.wpbeaverbuilder.com/t/adding-a-new-icon-to-the-social-icons-following-the-kb-article/6571/2 "2016-01-19T14:33:04Z")

</div>

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)…

```auto
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…

```auto
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

---

_[View the full topic](https://community.wpbeaverbuilder.com/t/adding-a-new-icon-to-the-social-icons-following-the-kb-article/6571)._