Custom Font Awesome Icon Size, Border, and Inverse Colors

It's completely possible to customize a Font Awesome icon by changing the size and even adding a border to it.

Here's an example of making the icon white and then adding a blue border to it:

.outline-blue {
    color: white;
    text-shadow: -1px 0 #4169E1, 0 1px #4169E1, 1px 0 #4169E1, 0 -1px #4169E1;

And here's some CSS for changing the size using a class:

.size-24 {
    font-size: 24px;

Then in your HTML use the outline-blue and size-24 classes like this:

<a href="/inbox"><i class="fa fa-inbox size-24 outline-blue"></i>Bob's Inbox</a>