Font Awesome Icons

Font Awesome Icons

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Check for Updates

Larger Icons

       

Use Icons in Lists

Custom Colors

       

Use Icons in Buttons

{icon-fa name="fa-heart" size="fa-3x" color="color-theme"}

Possible Values for size:
  fa-lg
  fa-2x
  fa-3x
  fa-4x
  fa-5x

Possible Values for color:
  color-text
  color-theme
  color-dark
  color-grey
  color-success
  color-info
  color-warning
  color-danger
  color-white

Icon Wrappers

{icon-round-border size="3x" color="color-text"}
  {icon-fa name="fa-building-o"}
{/icon}

{icon-round-full size="3x" bgcolor="color-theme" color="color-white"}
  {icon-fa name="fa-apple"}
{/icon}

{icon-square-border size="3x" color="color-text"}
  {icon-fa name="fa-bomb"}
{/icon}

{icon-square-full size="3x" bgcolor="color-theme" color="color-white"}
  {icon-fa name="fa-space-shuttle"}
{/con}

Possible Values for size:
  1x
  2x
  3x

Possible Values for color (also Background):
  color-text
  color-default
  color-dark
  color-grey
  color-success
  color-info
  color-warning
  color-danger
  color-white