fa-Nx

BrandonDusch's avatar
Published Aug 1, 2022Updated Oct 14, 2022
Contribute to Docs

The fa-Nx classes adjust the icon size relative to its container, where N can be a number from 2 to 10 (fa-2x ... fa-10x). Additionally, there are classes for general sizes like fa-xs, fa-sm, and fa-lg.

Example

<i class="fas fa-file-code fa-xs"></i>
<i class="fas fa-file-code fa-sm"></i>
<i class="fas fa-file-code fa-lg"></i>
<i class="fas fa-file-code fa-2x"></i>
<i class="fas fa-file-code fa-4x"></i>
<i class="fas fa-file-code fa-6x"></i>
<i class="fas fa-file-code fa-8x"></i>
<i class="fas fa-file-code fa-10x"></i>

Font Awesome Sizing Examples

All contributors

Contribute to Docs

Learn Open Source on Codecademy