Icon sizes

Icons font icons includes more 200+ icons.

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.


Send mail

HTML Example
<i class="icon-lab medium"></i>

<h5 class="icon-location">Location</h5>

<h4 class="icon-mail icon-right">Send mail</h4>

Extra Styles

You can alter the some styles of icons

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:

HTML 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>

Icon list

Here our full icon list

You can choose your favorite icon class in this icon list and add to elements.