JSFiddle - React, Tailwind, and code Playground

HTML

<p id="console"></p>
<button>Click <span class="icon"></span>
</button>

CSS

.icon {
    background-position: -96px 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png");
 
    background-repeat: no-repeat;
}

JavaScript

$('.icon').click(function () {
    $('#console').html('Icon has been clicked');
    return false;
  });
  $('.button_replace').click(function () {
    $('#console').html('Button has been clicked');
  });