Icon Styles

Icon library

Uses Font Awesome Icons library version 4.7.0

Library website: Font Awesome Icons 4.7.0


Example of inserting icon code

HTML code:

<i class="fa fa-angle-double-right skin_color"></i>

HTML code:

<i class="fa fa-user skin_color"></i>

HTML code:

<i class="fa fa-circle-o skin_color"></i>

HTML code:

<i class="fa fa-camera-retro skin_color"></i> Result:


Icon sizes. 33% more and further increase in pixels

HTML code:

<i class="fa fa-angle-double-right fa-lg skin_color"></i>

HTML code:

<i class="fa fa-angle-double-right fa-2x skin_color"></i>

HTML code:

<i class="fa fa-angle-double-right fa-3x skin_color"></i>

HTML code:

<i class="fa fa-angle-double-right fa-4x skin_color"></i>

HTML code:

<i class="fa fa-angle-double-right fa-5x skin_color"></i> Result:


Icon colors

HTML code:

skin_color - color of the selected style. See section: Template style colors

Last updated