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

Question

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 1

Font-Awesome icon size modification:

1. "font-size" property in "style" attribute:

2. "font-size" property in CSS stylesheet (like the accepted answer shows)

    .fa {
        font-size: 12px;
    }
   

3. HTML tags

4. Using Fontawesome classes so that the icons take a size relative to their parent elements: