Icon size
Shortcode
<i class="fa fa-user"></i> <i class="fa fa-user fa-2x"></i> <i class="fa fa-user fa-3x"></i> <i class="fa fa-user fa-4x"></i> <i class="fa fa-user fa-5x"></i>
Icon color
Shortcode
<i class="fa fa-user fa-2x fa-default"></i> <i class="fa fa-user fa-3x fa-primary"></i> <i class="fa fa-user fa-4x fa-blue"></i> <i class="fa fa-user fa-5x fa-purple"></i> <i class="fa fa-user fa-5x fa-pink"></i> <i class="fa fa-user fa-4x fa-yellow"></i> <i class="fa fa-user fa-3x fa-green"></i> <i class="fa fa-user fa-2x fa-red"></i>
Icon circle default
Shortcode
<i class="fa fa-cog icon-circle"></i> <i class="fa fa-comment icon-circle icon-bordered"></i> <i class="fa fa-users fa-2x icon-circle"></i> <i class="fa fa-share-alt fa-2x icon-circle icon-bordered"></i> <i class="fa fa-tablet fa-3x icon-circle"></i> <i class="fa fa-flask fa-3x icon-circle icon-bordered"></i> <i class="fa fa-gift fa-4x icon-circle"></i> <i class="fa fa-shopping-basket fa-4x icon-circle icon-bordered"></i> <i class="fa fa-cogs fa-5x icon-circle"></i> <i class="fa fa-truck fa-5x icon-circle icon-bordered"></i>
Icon circle primary
Shortcode
<i class="fa fa-anchor icon-circle fa-primary"></i> <i class="fa fa-ban icon-circle icon-bordered fa-primary"></i> <i class="fa fa-beer fa-2x icon-circle fa-primary"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-primary"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-primary"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-primary"></i> <i class="fa fa-cab fa-4x icon-circle fa-primary"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-primary"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-primary"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-primary"></i>
Icon circle blue
Shortcode
<i class="fa fa-anchor icon-circle fa-blue"></i> <i class="fa fa-ban icon-circle icon-bordered fa-blue"></i> <i class="fa fa-beer fa-2x icon-circle fa-blue"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-blue"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-blue"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-blue"></i> <i class="fa fa-cab fa-4x icon-circle fa-blue"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-blue"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-blue"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-blue"></i>
Icon circle purple
Shortcode
<i class="fa fa-anchor icon-circle fa-purple"></i> <i class="fa fa-ban icon-circle icon-bordered fa-purple"></i> <i class="fa fa-beer fa-2x icon-circle fa-purple"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-purple"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-purple"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-purple"></i> <i class="fa fa-cab fa-4x icon-circle fa-purple"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-purple"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-purple"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-purple"></i>
Icon circle pink
Shortcode
<i class="fa fa-anchor icon-circle fa-pink"></i> <i class="fa fa-ban icon-circle icon-bordered fa-pink"></i> <i class="fa fa-beer fa-2x icon-circle fa-pink"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-pink"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-pink"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-pink"></i> <i class="fa fa-cab fa-4x icon-circle fa-pink"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-pink"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-pink"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-pink"></i>
Icon circle yellow
Shortcode
<i class="fa fa-anchor icon-circle fa-yellow"></i> <i class="fa fa-ban icon-circle icon-bordered fa-yellow"></i> <i class="fa fa-beer fa-2x icon-circle fa-yellow"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-yellow"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-yellow"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-yellow"></i> <i class="fa fa-cab fa-4x icon-circle fa-yellow"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-yellow"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-yellow"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-yellow"></i>
Icon circle green
Shortcode
<i class="fa fa-anchor icon-circle fa-green"></i> <i class="fa fa-ban icon-circle icon-bordered fa-green"></i> <i class="fa fa-beer fa-2x icon-circle fa-green"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-green"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-green"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-green"></i> <i class="fa fa-cab fa-4x icon-circle fa-green"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-green"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-green"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-green"></i>
Icon circle red
Shortcode
<i class="fa fa-anchor icon-circle fa-red"></i> <i class="fa fa-ban icon-circle icon-bordered fa-red"></i> <i class="fa fa-beer fa-2x icon-circle fa-red"></i> <i class="fa fa-bell-o fa-2x icon-circle icon-bordered fa-red"></i> <i class="fa fa-briefcase fa-3x icon-circle fa-red"></i> <i class="fa fa-bus fa-3x icon-circle icon-bordered fa-red"></i> <i class="fa fa-cab fa-4x icon-circle fa-red"></i> <i class="fa fa-camera fa-4x icon-circle icon-bordered fa-red"></i> <i class="fa fa-cloud-upload fa-5x icon-circle fa-red"></i> <i class="fa fa-code fa-5x icon-circle icon-bordered fa-red"></i>
Icon square default
Shortcode
<i class="fa fa-cog icon-square"></i> <i class="fa fa-comment icon-square icon-bordered"></i> <i class="fa fa-users fa-2x icon-square"></i> <i class="fa fa-share-alt fa-2x icon-square icon-bordered"></i> <i class="fa fa-tablet fa-3x icon-square"></i> <i class="fa fa-flask fa-3x icon-square icon-bordered"></i> <i class="fa fa-gift fa-4x icon-square"></i> <i class="fa fa-shopping-basket fa-4x icon-square icon-bordered"></i> <i class="fa fa-cogs fa-5x icon-square"></i> <i class="fa fa-truck fa-5x icon-square icon-bordered"></i>
Icon square primary
Shortcode
<i class="fa fa-anchor icon-square fa-primary"></i> <i class="fa fa-ban icon-square icon-bordered fa-primary"></i> <i class="fa fa-beer fa-2x icon-square fa-primary"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-primary"></i> <i class="fa fa-briefcase fa-3x icon-square fa-primary"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-primary"></i> <i class="fa fa-cab fa-4x icon-square fa-primary"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-primary"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-primary"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-primary"></i>
Icon square blue
Shortcode
<i class="fa fa-anchor icon-square fa-blue"></i> <i class="fa fa-ban icon-square icon-bordered fa-blue"></i> <i class="fa fa-beer fa-2x icon-square fa-blue"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-blue"></i> <i class="fa fa-briefcase fa-3x icon-square fa-blue"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-blue"></i> <i class="fa fa-cab fa-4x icon-square fa-blue"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-blue"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-blue"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-blue"></i>
Icon square purple
Shortcode
<i class="fa fa-anchor icon-square fa-purple"></i> <i class="fa fa-ban icon-square icon-bordered fa-purple"></i> <i class="fa fa-beer fa-2x icon-square fa-purple"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-purple"></i> <i class="fa fa-briefcase fa-3x icon-square fa-purple"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-purple"></i> <i class="fa fa-cab fa-4x icon-square fa-purple"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-purple"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-purple"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-purple"></i>
Icon square pink
Shortcode
<i class="fa fa-anchor icon-square fa-pink"></i> <i class="fa fa-ban icon-square icon-bordered fa-pink"></i> <i class="fa fa-beer fa-2x icon-square fa-pink"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-pink"></i> <i class="fa fa-briefcase fa-3x icon-square fa-pink"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-pink"></i> <i class="fa fa-cab fa-4x icon-square fa-pink"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-pink"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-pink"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-pink"></i>
Icon square yellow
Shortcode
<i class="fa fa-anchor icon-square fa-yellow"></i> <i class="fa fa-ban icon-square icon-bordered fa-yellow"></i> <i class="fa fa-beer fa-2x icon-square fa-yellow"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-yellow"></i> <i class="fa fa-briefcase fa-3x icon-square fa-yellow"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-yellow"></i> <i class="fa fa-cab fa-4x icon-square fa-yellow"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-yellow"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-yellow"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-yellow"></i>
Icon square green
Shortcode
<i class="fa fa-anchor icon-square fa-green"></i> <i class="fa fa-ban icon-square icon-bordered fa-green"></i> <i class="fa fa-beer fa-2x icon-square fa-green"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-green"></i> <i class="fa fa-briefcase fa-3x icon-square fa-green"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-green"></i> <i class="fa fa-cab fa-4x icon-square fa-green"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-green"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-green"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-green"></i>
Icon square red
Shortcode
<i class="fa fa-anchor icon-square fa-red"></i> <i class="fa fa-ban icon-square icon-bordered fa-red"></i> <i class="fa fa-beer fa-2x icon-square fa-red"></i> <i class="fa fa-bell-o fa-2x icon-square icon-bordered fa-red"></i> <i class="fa fa-briefcase fa-3x icon-square fa-red"></i> <i class="fa fa-bus fa-3x icon-square icon-bordered fa-red"></i> <i class="fa fa-cab fa-4x icon-square fa-red"></i> <i class="fa fa-camera fa-4x icon-square icon-bordered fa-red"></i> <i class="fa fa-cloud-upload fa-5x icon-square fa-red"></i> <i class="fa fa-code fa-5x icon-square icon-bordered fa-red"></i>