For using icons add the class .icon-x You can easily alter the style of icons by using classes. Default position of icon left from text, but add the class .icon-right to class of .icon-x the icon will be on right from text.
<i class="icon-lab medium"></i>
<h5 class="icon-location">Location</h5>
<h4 class="icon-mail icon-right">Send mail</h4>
You can alter the size of icons by using one of these classes: .small , .medium, .large, .xlarge
If you want the icons will be inside of box add the .icon-box
If want alter the style of border of icon box add one of these classes .dotted, .dashed, .thick
For version with background add the class .icon-bg, but for without background add the class .normal
To alter the radius of border add the one of these classes .bradius-x (1,2,3,4) to the class of icon.
If you want circle border add the class .bradius-5 to class of icon.
For example:
<div class="icon-brain small icon-box bradius-5"></div>
<div class="icon-brain medium icon-box box-bg bradius-5"></div>
<div class="icon-brain large icon-box dotted bradius-5"></div>
<div class="icon-brain xlarge icon-box dashed bradius-5"></div>
<div class="icon-brain xlarge icon-box dashed bradius-4"></div>
<div class="icon-brain xlarge icon-box solid bradius-3"></div>
<div class="icon-brain xlarge icon-box normal"></div>
You can choose your favorite icon class in this icon list and add to elements.