A desire for better icon naming consistency and predictability are at the heart of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict the name of variants. Here are a few examples.

fa-icon-check

  • fa-icon-check-circle - *-circle means a circle is under the previous modifier.
  • fa-icon-check-circle-alt - *-alt means that the previous modifier is outlined.
  • fa-icon-check-square - *-square means a square is under the previous modifier.
  • fa-icon-check-square-alt - *-alt means that the previous modifier is outlined.

fa-icon-arrow-right

  • fa-icon-arrow-circle-right - *-circle means a circle is under the previous modifier. *-right is the directional modifier, which always comes last to keep icons properly grouped alphabetically.
  • fa-icon-arrow-circle-alt-right - *-alt means that the previous modifier is outlined. *-right is the directional modifier, which always comes last to keep icons properly grouped alphabetically.

fa-icon-exclamation

  • fa-icon-exclamation-circle - *-circle means a circle is under the previous modifier.
  • fa-icon-exclamation-triangle - *-triangle means a triangle is under the previous modifier.