ヘッダーに
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
あとはアイコン出したいhtmlにclass入れる
<i class="fa fa-pencil"></i> 鉛筆アイコン
cssで指定する方法
&.siteoutlink:after{
font-family:'FontAwesome';
content: '\f08e';
padding-left: 5px;
}