Icons
All Font Awesome icons are available for use by default. A developer can use any of the available font awesome icons according to the need.
Example
Adding icon to your html is as simple as adding any font awesome tag to the code like so,
<i class="fa fa-birthday-cake" aria-hidden="true"></i>
.
The size of an icon can be controlled by adding class .fs-1rem
for font size in
rem
and .f-12
for font size in pixel.
Example
<i class="fa fa-birthday-cake fs-1rem" aria-hidden="true"></i>
<i class="fa fa-birthday-cake fs-2rem" aria-hidden="true"></i>
<i class="fa fa-birthday-cake fs-3rem" aria-hidden="true"></i>
<i class="fa fa-birthday-cake fs-4rem" aria-hidden="true"></i>
<i class="fa fa-birthday-cake fs-5rem" aria-hidden="true"></i>
Common Icons
Following icons must be used in the scenarios mentioned below.
Delete
fa fa-trash
Details
fa fa-search-plus
Add
fa fa-plus
The complete set of icons can be found at font awsome website