JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="alert(1);" class="iconBtn searchBtn"><span class="icon"></span></button><br><br><br>
<a href="" onclick="alert(2);return false;" class="iconBtn searchBtn"><span class="icon"></span></a>

CSS

.iconBtn{
    padding:0;
    border:0;
    background:blue;
    position:relative;
    display:inline-block;
    width:50px;
    height:10px;
    cursor:pointer;
}

.icon{
    position:absolute;
    top:50%;
    left:0;
    background:red;
}

.searchBtn .icon{
    width:19px;
    height:40px;
    margin-top:-20px;
    background-position:-403px -723px;
}