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