How to Increase Font Awesome Icon Size in Chart JS

Like Font Awesome's icons, the relative sizing scale is created with modern browsers' default 16px font-size in mind and creates steps up/down from there.

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 . /* T-shirt sizes */. <FontAwesomeIcon ...

Like Font Awesome's icons, the relative sizing scale is created with modern browsers' default 16px font-size in mind and creates steps up/down from there.

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 getting chopped ...

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

Font Awesome is - as the name says - a font. That means you can change the size with font-size. If you think the icon is too big: lower the font size.

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. Example. The following code:.