How to add an icon next to menu item in navigation ?

Firstly, turn on view for CSS classes: “Screen options – CSS classes”.

Next, add CSS class to menu item by Editing menu items in Customiser.

And add custom CSS by defining your icon source and position. Probably the best way is to make original size icon for menu. You can also make transparent icon and make it’s custom position right on image, by this way you do not need to position icon image with CSS.

.menuicon {

background-image: url(‘http://www.example.com/wp-content/uploads/2017/07/home.png’);

background-repeat: no-repeat;
padding-left: 5px
background-position: left;

}

How to add an icon next to menu item in navigation ?