Font Awesome 3.0.2 Fiddle

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.css">
<span><i class="icon-check icon-3x"></i></span>

CSS

html, body, div, canvas {
    margin: 0;
    padding: 0;
}
span {
    border: 1px solid #FF0000;
    display: inline-block;
    height: 38px;
    overflow: hidden;
    position: relative;
    width: 45px;
}
i {
    border: 1px solid green;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-color: red;
}
i.icon-check:before {
    background-color: #FF0000;
    height: 42px;
    position: absolute;
    top: -4px;
    width: 48px;
}