Font Awesome Class Guide (for Free Version)

Welcome

To a simple and friendly visual environment to learn the "classes" in charge of creating icons with FA.

If you hover your pointer over the icons, you will see the name (class) of the icon, and you can click on those icons in order to copy its names to your clipboard.

The icons are by default in their "FAS" or "FAB" version. And even if it is a pro feature, some "FAS" can be used in their "FAR" version, just click on the switch button below each one of them to check its FAR style. (Just for the record, FAS/FAR family are not switcheable to FAB and vice versa).

Remember! in order to create icons you need to use the <i> tag with the family class (Fas/Far/Fab), and the class that creates the icon. Eg:

<i class=" fas fa-jedi "> </i> =

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z

A

Class fas/far

Class fab

B

Class fas/far

Class fab

C

Class fas/far

Class fab

D

Class fas/far

Class fab

E

Class fas/far

Class fab

F

Class fas/far

Class fab

G

Class fas/far

Class fab

H

Class fas/far

Class fab

I

Class fas/far

Class fab

J

Class fas/far

Class fab

K

Class fas/far

Class fab

L

Class fas/far

Class fab

M

Class fas/far

Class fab

N

Class fas/far

Class fab

O

Class fas/far

Class fab

P

Class fas/far

Class fab

Q

Class fas/far

Class fab

R

Class fas/far

Class fab

S

Class fas/far

Class fab

T

Class fas/far

Class fab

U

Class fas/far

Class fab

V

Class fas/far

Class fab

W

Class fas/far

Class fab

X

Class fas/far

Class fab

Y

Class fas/far

Class fab

Z

Class fas/far

None

Class fab