JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div class="test"></div>
<i class="glyphicon glyphicon-triangle-top fa-3x"></i>
<i class="glyphicon glyphicon-triangle-bottom fa-3x"></i>

<div class = "jumbotron">
    <span class="glyphicon glyphicon-globe"></span>
    <span class="glyphicon glyphicon-globe fa-lg"></span>
    <span class="glyphicon glyphicon-globe fa-2x"></span>
    <span class="glyphicon glyphicon-globe fa-3x"></span>
    <span class="glyphicon glyphicon-globe fa-4x"></span>
    <span class="glyphicon glyphicon-globe fa-5x"></span>
</div>

CSS

.test{
    background-image: url("http://twitter.github.io/bootstrap/assets/img/glyphicons-halflings.png");
    width: 90px;
    height: 90px;
    background-size: 2100px 800px;
}