font-awesomefont-awesome-4

How do I decrease the size of a font-awesome icon?


What is the best way to decrease the size of a font awesome icon. There is a fa-3x, etc... to increase the size. Is there a class to decrease the size?


Solution

  • Font-Awesome icons, as the name suggests, are font-based. This means to decrease their size all you have to do is decrease their font-size:

    .fa {
        font-size: 12px;
    }