Icon font Sizing
Increase the size of a Icon font with class names.
Usage
To increase icon sizes relative to their container, use one of the 5 modifier classes.
Accessible attributes
| Accessible attribute | Description |
|---|---|
aria-hidden="true" |
When an icon is used for only decorative purposes add this attribute to the icon's tag. |
Modifier selectors
| Modifier selector | Description |
|---|---|
fa-lg |
Increase the Icon font size by 33%. |
fa-2x |
Increase the Icon font size by two. |
fa-3x |
Increase the Icon font size by three. |
fa-4x |
Increase the Icon font size by four. |
fa-5x |
Increase the Icon font size by five. |
.fa-lg - 33% size increase.
fa fa-mobile-phone fa-lg
.fa-2x - Two times size increase.
fa fa-mobile-phone fa-2x
.fa-3x - Three times size increase.
fa fa-mobile-phone fa-3x
.fa-4x - Four times size increase.
fa fa-mobile-phone fa-4x
.fa-5x - Five times size increase.
fa fa-mobile-phone fa-5x