Custom Font Awesome Satellite Icon

by HugeHugh

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div>
    <span class="icon-box box-empty"><i class="fa fa-fw fa-check"></i></span> Organization One
</div>

<div>
    <span class="icon-box box-checked"><i class="fa fa-fw fa-check"></i></span> Organization Two
</div>

CSS

html, body {
    font-family: sans-serif;
}
div {
 line-height: 1em;
    vertical-align: middle;
}
.icon-box {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #ddd;
}

.icon-box .fa-check {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5em 0 0 -0.6em;
}

.icon-box.box-empty .fa-check {display:none}

.icon-box.box-checked {
    border-color: #222;
    background-color: #222;
    
}