JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <div class="clearfix">
    <a href="" class="brand"></a>
    <nav>
      <ul>
        <li><a href="">фестивали</a></li>
        <li><a href="">акции</a></li>
        <li><a href="">идеи</a></li>
        <li><a href="">архив</a></li>
      </ul>
    </nav>
  </div>
</header>

CSS

*{
  margin:0px;
  padding:0px;
  text-decoration:none;
  color:black;
}

.clearfix:before,after{
  content:'';
  display:table;
  clear:both;
}

.brand{
  background: url('https://upload.wikimedia.org/wikipedia/commons/0/09/Brazzers-logo.png');
  width:356px;
  display:inline-block;
  height:82px;
   float:left;

  
}

header nav{
  margin-top:20px;
  float:right;
  position:relative;
}


header li{
  display:inline-block;
  margin-right: 50px;
}
header li:nth-of-type(2):before{
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  left:80px;
  display:inline-block;
  background:url(https://upload.wikimedia.org/wikipedia/commons/5/5f/VisualEditor_-_Icon_-_Arched-arrow-ltr.svg)
}