Adding social media icons is just like adding normal icons. Please first review the Icons article to understand how to add icons to your menu.
Out of the box, UberMenu 3 offers icons for Facebook, Twitter, LinkedIn, Google+, Pinterest, GitHub, YouTube, dribbble, tumblr, Skype, Instagram, Vimeo, and Flickr.
As seen in the demo
To add social media icons as seen in the demo, add a custom top level menu item, set your URL to point to your social media profile, and select your icon as desired.
No text
To remove the text next to the icon, check the Disable Text option in the menu item setting.
Colors
To change the background, icon, or hover colors, use the colorpickers in the Customize Style tab of the menu item settings.
Smaller item
To make the item have less padding than other, as seen in the demo, use the Mini Item setting
Align Right
To make the icon appear on the right, set the Alignment setting to Right