Icon Design Guidelines

Font Awesome also includes a literal size scale to make increasing an icon's size from 1x to 10x easy and efficient. Literal sizing is useful for sizing icons ...

Font Awesome icons are designed on grid and share a consistent height. But they vary in width depending on how wide or narrow each symbol is.

That icon grid sets a base width and height of 16 pixels by 16 pixels. The grid has an additional 4 pixel horizontal overflow to accommodate icons with a wider ...

You can also directly style an icon's size by setting a font-size in your project's CSS that targets an icon or directly in the style attribute of the HTML ...

Font Awesome supports t-shirt size scale from 2xs to 2xl as well as literal sizing from 1x to 10x . Remember, you can always control icon size directly with ...

Larger Icons​​ To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x , fa-3x , fa-4x , or fa-5x classes. If your icons are ...

I'm trying to increase the size of my Font Awesome icons on my mobile version of my portfolio: https://giacomolaw.github.io/mobile.html.

FontAwesome comes with predefined sizes which you can control trough attribute size like this: <FontAwesomeIcon icon=spinner size=xs ...

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

Larger Icons​​ The fa-lg (33% increase), fa-2x , fa-3x , fa-4x , or fa-5x classes are used to increase the icon sizes relative to their container.