JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="text" id="instantSearch"/>
    <img src="http://www.veryicon.com/icon/png/System/Must%20Have/Search.png"/>
</div>

<div class="input-prepend">
  <span class="add-on">
      <img src="http://www.veryicon.com/icon/png/System/Must%20Have/Search.png"/>
  </span>
  <input id="prependedInput" type="text" placeholder="Search">
</div>

CSS

div {
    position: relative
}

img {   
    position:absolute;                
    width: auto;
    height: 95%;
    padding: 1px;
}