Icons
- 1
- 2
- 3
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.
