Font Awesome Icons Cheat Sheet

Browse the complete set of Font Awesome 4 icons, search by name, and click any icon to copy its HTML tag, unicode entity, or CSS rule — ready to paste into PHP, Angular, React, or plain HTML/CSS projects.

Type to filter the list, or click any icon to open its copy menu.

How to use Font Awesome icons

Click any icon above to open its copy menu, then choose the HTML Tag to drop an <i class="fa fa-name"></i> straight into your markup, the Unicode HTML Entity to reference the character directly, or the CSS Rule to use it as generated content in your own stylesheet.

Note: this cheat sheet covers Font Awesome 4, the version bundled with this site. Newer Font Awesome releases (5 and 6) renamed some icons and split the free set into style prefixes like fas/far/fab — check the class name still matches if you're pulling in a newer Font Awesome build elsewhere. Looking for more hands-on guides? Head back to our developer tutorials for PHP, Angular and JavaScript walkthroughs.