Font Awesome default Icons

Default Icons

This is a example of the default Font Awesome Icons in different Colors and with size fa-5x.

                           
{icon name="fa-joomla" size="fa-5x"}
{icon name="fa-leaf" size="fa-5x" color="color-black"}
{icon name="fa-flask" size="fa-5x" color="color-theme"}
{icon name="fa-magic" size="fa-5x" color="color-success"}
{icon name="fa-power-off" size="fa-5x" color="color-warning"}
{icon name="fa-star-o" size="fa-5x" color="color-purple"}
{icon name="fa-desktop" size="fa-5x" color="color-danger"}
{icon name="fa-globe" size="fa-5x" color="color-orange"}
Font Awesome default Icon sizes

This is a example of the default Font Awesome Icons in different Colors and with different sizes.

                   
{icon name="fa-info"}
{icon name="fa-lock" size="fa-lg" color="color-black"}
{icon name="fa-magic" size="fa-2x" color="color-theme"}
{icon name="fa-pencil" size="fa-3x" color="color-success"}
{icon name="fa-power-off" size="fa-4x" color="color-warning"}
{icon name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome round icons

This is a example of the default Font Awesome Icons in solid round style.

   
   
   
   
   
{icon-round name="fa-info"}
{icon-round name="fa-lock" size="fa-lg" color="color-black"}
{icon-round name="fa-magic" size="fa-2x" color="color-theme"}
{icon-round name="fa-pencil" size="fa-3x" color="color-success"}
{icon-round name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-round name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome round bordered icons

This is a example of the default Font Awesome Icons in round bordered style.

   
   
   
   
   

{icon-round-border name="fa-info"}
{icon-round-border name="fa-lock" size="fa-lg" color="color-black"}
{icon-round-border name="fa-magic" size="fa-2x" color="color-theme"}
{icon-round-border name="fa-pencil" size="fa-3x" color="color-success"}
{icon-round-border name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-round-border name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome square icons

This is a example of the default Font Awesome Icons in solid square style.

   
   
   
   
   

{icon-square name="fa-info"}
{icon-square name="fa-lock" size="fa-lg" color="color-black"}
{icon-square name="fa-magic" size="fa-2x" color="color-theme"}
{icon-square name="fa-pencil" size="fa-3x" color="color-success"}
{icon-square name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-square name="fa-file" size="fa-5x" color="color-purple"}
Font Awesome square bordered icons

This is a example of the default Font Awesome Icons in square bordered style.

   
   
   
   
   

{icon-square-border name="fa-info"}
{icon-square-border name="fa-lock" size="fa-lg" color="color-black"}
{icon-square-border name="fa-magic" size="fa-2x" color="color-theme"}
{icon-square-border name="fa-pencil" size="fa-3x" color="color-success"}
{icon-square-border name="fa-power-off" size="fa-4x" color="color-warning"}
{icon-square-border name="fa-file" size="fa-5x" color="color-purple"}

All available Icons

Here you can see all available Icons. But in the Package is also a Editor Button integrated for easy usage.

All Font Awesome Icons