<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">

<div class="menu">
  <ul>
    <li><a href="#"><i class="fas fa-home"></i> Главная</a></li>
    <li><a href="#"><i class="fas fa-phone"></i> Телефон</a></li>
    <li><a href="#"><i class="fas fa-envelope"></i> Почта</a></li>
  </ul>
</div>

.menu {
  width:100%;
  background:#052caa;
  overflow:hidden;
}
.menu ul {
  margin-top: -2px;
}
.menu li {
  float:left;
  list-style:none;
}
.menu li a {
  width:120px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  display:block;
  padding:20px 0;
}
.menu li a i {
  color: yellow;
}