Font Awesome gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS. Visit FontAwesome Icons website
You can place Font Awesome just about anywhere using the CSS Prefix fa and the icon's name. FontAwesome is designed to be used with inline elements (you can use the <i> tag for brevity, or using a <span> is more semantically correct).
For example: The code <i class="fa fa-shield"> will display as: