HTML

<navclass="MatNav"><divclass="MatNav-Container"><aclass="MatNav-Item-Container" href="#home"><iclass="material-icons MatNav-Icon">home</i><pclass="MatNav-Label">Home</p></a><aclass="MatNav-Item-Container" href="#search"><iclass="material-icons MatNav-Icon">search</i><pclass="MatNav-Label">Search</p></a><aclass="MatNav-Item-Container" href="#discover"><iclass="material-icons MatNav-Icon">explore</i><pclass="MatNav-Label">Discover</p></a><aclass="MatNav-Item-Container" href="#more"><iclass="material-icons MatNav-Icon">more_vert</i><pclass=" MatNav-Label">More</p></a></div></nav>

This example includes Material Icons - add the stylesheet for the example <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">