Edit in JSFiddle

<div class="sample1">
  <i class="fa fa-check"></i> 普通のやつ
</div>

<div class="sample2">
  <i class="fa fa-check"></i> 大きくしたりとか
</div>

<div class="sample3">
  <i class="fa fa-check"></i> 色変えたりとか
</div>

<div class="sample4">
  <i class="fa fa-refresh fa-spin"></i> CSSでアニメーションなんかもできる
</div>

.sample2 i {
    font-size: 60px;
}

.sample3 i {
    color: green;
}

div { margin-bottom: 20px }