JSFiddle - React, Tailwind, and code Playground

HTML

<li class="nav-search"><a href="#"><span class="nav-icon hidden-xs icon-svg icon-search"></span><span class="nav-link"><input type="text" placeholder="Szukaj..." class="search-input"></span></a></li>
                        <li class="nav-logout"><a href="#"><span class="nav-icon hidden-xs icon-svg icon-logout"></span><span class="nav-link">Wyloguj</span></a></li>

CSS

li{
  list-style-type:none;
}
.icon-svg {
        display: block;
        width: 25px;
        height: 25px;
    }
     .icon-search {
        background: url('http://svgshare.com/i/Jn.svg');
        background-size: 25px 25px;
    }
    .icon-logout {
        background: url('http://svgshare.com/i/J5.svg');
        background-size: 25px 25px;
    }
    .nav-search:hover .icon-search,
    .nav-logout:hover .icon-logout {
        -webkit-filter: hue-rotate(187deg) saturate(42);
        filter: hue-rotate(187deg) saturate(42);
    }