JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <div class="topnav">
    <a href="#">Home</a>
    <a href="#">About us</a>
    <a href="#">Services</a>
    <a href="#">Contact Us</a>
  </div>
</nav>

CSS

.topnav a {
  margin-right: 70px;
  text-align: right;
  color: #545454;
  font-size: 19px;
  font-family: "Sofia";
  font-weight: 100;
  padding-left: 25px;
}


a:before {
  
  position: relative;
  bottom: -2px;
  margin-right: 5px;
  
}


.topnav a:first-child:before {
 
  content: url('https://i.imgur.com/2kENx3p.png');
  
}


.topnav a:nth-child(2):before {
  
  
  content: url('https://i.imgur.com/2kENx3p.png');
  
}



.topnav a:nth-child(3):before {
  
  content: url('https://i.imgur.com/2kENx3p.png');
  
}



.topnav a:nth-child(4):before {
  
  content: url('https://i.imgur.com/2kENx3p.png');

}