JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<i class="icon-check-empty"></i>
<i class="icon-check-empty"></i>


<ul class="nav nav-list">
  <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
  <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
  <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li>
  <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li>
</ul

<form>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-envelope"></i></span>
    <input class="span2" type="text" placeholder="Email address">
  </div>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-key"></i></span>
    <input class="span2" type="password" placeholder="Password">
  </div>
</form>

<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...


<i class="icon-shield"></i>&nbsp; normal<br>
<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
<i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical