Icons
Wating for Font Awesome 7, do we need to upadte the account for any changes?
New:
Web Apps: Link the Font Awesome CDN in your HTML or install via NPM
Flutter: Use the font_awesome_flutter package.
iOS/Android Native: You can embed Font Awesome TTF/OTF files and reference them as custom fonts.
iOS / macOS Native (Swift/SwiftUI/UIKit)
Sample
<i class="fa-solid fa-arrow-right"></i>- fa-solid: solid, regular, light, thin - reference to font weight
- fa-icon-name - reference to icon name
Navigation
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| arrow-right | Internal links | Navigates (forward) to a page within the current area or department. | |
| arrow-left | Internal links | Navigates (backward) to a page within the current area or department. | |
| - or - | - arrow-up-right-from-square - square-arrow-up-right | External links | Navigates to a pages or sites outside of the current area or department. |
Action Icons
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| paper-plane | Email / form buttons | used in forms and or contact buttons that send emai | |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
Function Icons
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| chevron-down | Accordion show | info | |
| chevron-up | Accordion hide | info | |
| - or - | - xmark - circle-xmark | Close panels, modals, menus | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
Contact Icons
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
Social Icons
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| - or - | - square-youtube - youtube | fa-brands | info |
| - or - | - square-instagram | fa-brands | info |
| - or - | - linkedin - linkedin-in | fa-brands | info |
| - or - | - square-facebook - facebook-f | fa-brands | info |
| - or - | - square-x-twitter - x-twitter | fa-brands | info |
Alert Icons
| Icon(s) | Icon Name | Use | Info |
|---|---|---|---|
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |
| icon | iconname | use | info |