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

Michael JDI picture Michael JDI · Aug 13, 2015 · Viewed 53.5k times · Source

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?

Answer

James Donnelly picture James Donnelly · Aug 13, 2015

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;
}