Read more

Fontawesome 4+ icon naming conventions

Dominik Schöler
April 16, 2015Software engineer at makandra GmbH

Fontawesome 4 Show archive.org snapshot has introduced new naming conventions that make it easy to retrieve variants of a given icon.

Illustration online protection

Rails Long Term Support

Rails LTS provides security patches for old versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2)

  • Prevents you from data breaches and liability risks
  • Upgrade at your own pace
  • Works with modern Rubies
Read more Show archive.org snapshot

The format is:

fa-[name]-[alt]-[shape]-[o]-[direction]

Note that this is a naming convention which doesn't imply there's an icon for any combination of tags.

name

The name of the icon, e.g. comment, print, bookmark etc. See the full list Show archive.org snapshot .

alt

An alternative icon.

shape

The icon inside a circle or square.

o

An outlined version of the icon. (Default style is "solid".)

direction

Always at the end. One of right, up, down, left. Example: fa-arrow-right, fa-arrow-circle-right. May also be h or v (for horizontal/vertical), if applicable. Example: fa-arrows-v.


Also check out other Fontawesome goodies.

Posted by Dominik Schöler to makandra dev (2015-04-16 11:41)