JSFiddle - React, Tailwind, and code Playground

HTML

<header>
<ul>
    <li><a href="#">События</a></li>
    <li>text</li>
    <li>text</li>
</ul>
</header>

CSS

body {
    font-family: Open Sans Condensed;;
    margin:0;
}

header ul {
    height:72px;
    box-shadow: 0 1px 28px rgba(0, 0, 0, 0.25);
    display:flex;
    justify-content:space-around;
    margin:0 auto;
    list-style:none;
    line-height:67px;
}

header ul:first-child a {
    font-size:36px;
    text-decoration: none;
    color:#000;
    position: relative;
}

header ul a:first-child::before {
    content:'';
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    left: -5px;
}

header a:first-child::before {
    background:url(https://psv4.userapi.com/c856236/u241555863/docs/d18/182bfd28a14b/UrFULogo_U.png?extra=NBi2UF4semIO6KtpNFfHQyOlHqhaItnQCQIpI2Pp-yFMyRBWLYLTIVRAd1JfGOW8JuKJurCgef9p-UNfRSt0-hTpFiFm_k3y9O0nIWCZowaO8YFCrFEFCW5nUzWmcpUkWWYN_NuDTnnmD_NxHOpIrjKuZg);
}

header ul li:first-child {
    text-indent:30px;
}