Increase Font Awesome Icons

I'm having a bit trouble with some font-awesome icons. I'm trying to increase the size of a few of them, but for some reason nothing I seem to do works. Here is my html

Solution 1:

we can make some icon bigger using font awesome. Font awesome provided a class to increse them.

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

http://fortawesome.github.io/Font-Awesome/examples/

Solution 2:

This worked for me in bootstrap ONLY after I added !important, like this:

.fa-big{font-size: 100px !important;}

Solution 3:

Use icon-4x instead of icon-large. See here: http://bootply.com/79841

Solution 4:

Font Awesome is a font so add a class and increase the font-size

 .fa-big{
    font-size: 100px;
 }


<i class="fa fa-ship fa-big"></i>

Share