JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<div>
    <form class="form-search form-inline">
        <input type="text" class="search-query" placeholder="Пошук">
    </form>
</div>

CSS

input.search-query {
   padding-left:26px;
}


form.form-search:before {
    content:'';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
    background-position: -48px 0;
    position: absolute;
    top:8px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}

JavaScript

window.addEventListener("load", function load(event0){
var a = "<i class='material-icons'>&#xE8B6;</i>";
var b = document.getElementsByClassName('search-query')[0];
b.value = a;
},false);