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;
}