Here's a complete list of Font Awesome icons (version 4.3.0) with their corresponding HTML class names and Unicode values, based on the official Font Awesome cheatsheet a helpful reference for quickly integrating icons into your project:
Complete Cheatsheet – Font Awesome 4.3.0 Icons
Below are sample entries illustrating the format; the full sheet includes hundreds more icons spanning all categories. For brevity, I’ll list a solid section of common icons:
Icon Name/Class | Unicode | HTML Example |
---|---|---|
fa-adjust |
\f042 |
<i class="fa fa-adjust"></i> |
fa-ambulance |
\f0f9 |
<i class="fa fa-ambulance"></i> |
fa-anchor |
\f13d |
<i class="fa fa-anchor"></i> |
fa-archive |
\f187 |
<i class="fa fa-archive"></i> |
fa-ban |
\f05e |
<i class="fa fa-ban"></i> |
fa-bank (alias of fa-university ) |
\f19c |
<i class="fa fa-bank"></i> |
fa-bar-chart |
\f080 |
<i class="fa fa-bar-chart"></i> |
fa-barcode |
\f02a |
<i class="fa fa-barcode"></i> |
fa-bars |
\f0c9 |
<i class="fa fa-bars"></i> |
fa-battery-0 |
\f244 |
<i class="fa fa-battery-0"></i> |
... | ... | ... |
(This table is just a small sample—there are hundreds more like fa-beer
, fa-bicycle
, fa-birthday-cake
, fa-blind
, etc.)
You can explore the full cheatsheet, which includes every icon along with aliases and Unicode, here: (DTP Transit)
How to Use These Icons
-
Via HTML Tag (recommended):
<i class="fa fa-anchor"></i>
-
Via Unicode using a CSS rule:
.icon { font-family: FontAwesome; }
<span class="icon"></span> <!-- renders anchor icon -->
Getting the Full List
The complete cheatsheet is hosted online by Font Awesome and gives you access to all 600+ icons available in version 4.x—including categories like:
-
Web App Icons
-
Directional Icons
-
File Type Icons
-
Payment Icons
-
Spinner Icons
-
Social Icons
-
And many more
You can browse or download the full PDF or online version here:
-
Official Cheatsheet PDF (Font Awesome 4.3.0): (DTP Transit)
-
Full Icon List (Font Awesome 4.7.0 includes even more): (Font Awesome)
If you’d like, I can compile a Blogger-friendly table or snippet containing the most commonly used icons (Home, Search, Contact, Social Media, etc.) ready for copy-paste, or even auto-populate a code block. Just let me know what categories you'd like to focus on happy to help make the integration smoother!
0 Comments:
Post a Comment