For this end result:
Follow the below steps.
Go to admin – menus – edit menu
Example of Navigation Label
You can take other fontawesome icons from our theme list of icons – http://help.wpresidence.net/article/font-awesome/
For the spacing between icon menus we added a custom css solution (which may need to be adjusted to your number of icons
.menu>li:nth-last-of-type(-n+4) a,
.menu>li:nth-last-of-type(-n+4) a:hover{
padding-left: 5px!important;
padding-right: 0px!important;
margin-left:0px!important;
margin-right:0px!important;
}
Help for custom css: http://help.wpresidence.net/article/how-to-add-custom-css/