JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line">
   <div class="logo">
       <a href="#"></a>
    </div>
</div>

CSS

.line {
    background: url(http://savepic.su/3764514.png) left bottom repeat-x;
    height: 8px;
    width: 100%;
    margin-top: 100px;
}
.logo {
background: #a1bd57;
margin: auto;
height: 5px;
width: 91px;
}

.logo a {
    background: url(http://savepic.su/3740962.png) top center  no-repeat;
    height: 48px;
    display: block;
 margin: auto;
    position: relative;
        top: -20px;
}