Font Awesome Icon as button

Make a font awesome icon work like a button

by Julian

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<button type="submit" id="completed-task" class="fabutton">
     <i class="fa fa-plus-square fa-3x" aria-hidden="true"></i>
</button>
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
  <button type="submit" class="btn btn-primary pull-right" name="btn_submit_details" id="submit_details">
             <i class="fa fa-spinner fa-spin fa-2x fa-fw" id="loading"></i> Publish
            </button>

CSS

.fabutton {
  background: none;
  padding: 0px;
  border: none;
}
.fa-spinner {
  color: blue;
}