--- FONT AWESOME PRO KIT ---
https://fontawesome.com
Login: cbirwin@ohioauditor.gov
Password: ****** (see CB)
============================
<script src="https://kit.fontawesome.com/97e6d8f776.js" crossorigin="anonymous"> </script>
============================
This page lists mostly Font Awesome icons, but Bootstrap Icons
work too.
SVGs are becoming the standard and offer more customization (e.g., adding a green check).
✔ Use icons intentionally for clarity ✔ Check for accessibility and contrast
If you need a custom icon send me a message in Teams — Lisa H.
last updated 2025-17-04
| Usage | Icon | Code |
|---|---|---|
| FIA icon | | | <i class="fa-kit fa-cash-stack-check"></i> | inspect for svg code |
| Unsubscribe icon | | | <i class="bi bi-envelope-x"></i> | inspect for svg code |
| Subscription icon | | | <i class="bi bi-envelope-check"></i> | inspect for svg code |
| Contacts | | | <i class="bi bi-envelope-at"></i> | inspect for svg code
(used like headers) |
<i class="fa-solid fa-envelope"></i>
(used with the email hyperlink) |
||
| Read More/Learn More | <i class="fa-solid fa-chevrons-right"></i> |
|
| Active Timesheet(s) | | | <i class="fa-solid fa-calendar-check"></i> | <i class="fa-regular fa-calendar-check"></i> |
| Previous Timesheet | | | <i class="fa-solid fa-clock-rotate-left"></i> | <i class="fa-kit fa-solid-calendar-previous"></i> |
| Calendar View | <i class="fa-kit fa-solid-calendar-eye"></i> |
|
| Edit Timesheet | <i class="fa-solid fa-calendar-lines-pen"></i> |
|
| Daily Locator | | | <i class="fa-kit fa-solid-calendar-magnifying-glass"></i> | <i class="fa-kit fa-solid-calendar-location-pin"></i> |
| Team Calendar | <i class="fa-solid fa-calendar-users"></i> |
|
| Add New Calendar | | | <i class="fa-solid fa-calendar-plus"></i> | <i class="fa-regular fa-calendar-plus"></i> |
| Timesheet | <i class="fa-solid fa-calendar-clock"></i> |
|
| Delete Calendar | | | <i class="fa-solid fa-calendar-xmark"></i> | <i class="fa-regular fa-calendar-xmark"></i> |
| Request PTO | <i class="fa-sharp fa-solid fa-bell-plus"></i> |
|
| Approvals | | | <i class="fa-solid fa-thumbs-up"></i> | <i class="fa-solid fa-person-circle-check"></i> |
| Tools | <i class="fa-solid fa-screwdriver-wrench"></i> |
|
| Leave Balances | <i class="fa-solid fa-person-walking-arrow-right"></i> |
|
| Paid Time Off | <i class="fa-kit fa-solid-calendar-dollar-sign"></i> |
|
| My PTO | <i class="fa-solid fa-user-clock"></i> |
|
| My Expenses | <i class="fa-kit fa-solid-user-circle-dollar"></i> |
|
| My Prefences | My Profile | <i class="fa-solid fa-user"></i> |
|
| Comment | | | <i class="fa-solid fa-comment"></i> | <i class="fa-solid fa-comment fa-flip-horizontal"></i> |
| Comments | | | <i class="fa-solid fa-comments fa-flip-horizontal"></i> |
| Edit Comments | | | <i class="fa-solid fa-comment-pen fa-flip-horizontal"></i> |
| Add Comments | | | <i class="fa-solid fa-comment-plus fa-flip-horizontal"></i> |
| Add User | <i class="fa-solid fa-user-plus"></i> |
|
| Admin | | | <i class="fa-solid fa-user-gear"></i> | <i class="fa-kit fa-solid-user-tie-gear"></i> |
| AOS Apps | | | <i class="fa-solid fa-grid-2-plus"></i> | <i class="fa-kit fa-solid-ohio-apps"></i> |
| Dashboard | Miles | <i class="fa-solid fa-gauge"></i> |
|
| Add New | <i class="fa-solid fa-plus"></i> |
Theme | Edit Scheme | | | <i class="fa-solid fa-palette"></i> | <i class="fa-kit fa-solid-palette-pen"></i> |
| Location | | | <i class="fa-solid fa-location-dot"></i> | <i class="fa-solid fa-map-location-dot"></i> |
| Travel | <i class="fa-solid fa-car"></i> |
|
| Travel Expenses | | | <i class="fa-kit fa-solid-car-circle-dollar"></i> | <i class="fa-solid fa-receipt"></i> |
| Invoice | Receipts | | | <i class="fa-solid fa-file-invoice-dollar"></i> | <i class="fa-solid fa-file-invoice"></i> | <i class="fa-solid fa-receipt"></i> |
| Report | <i class="fa-solid fa-file-chart-column"></i> |
|
| Report Data | <i class="fa-solid fa-chart-column"></i> |
|
| Reset or Refresh | <i class="fa-solid fa-rotate-right"></i> |
|
| Generate | 2 | 3 |
| Run Report | <i class="fa-kit fa-solid-file-rotate-right"></i> |
|
| Request | 2 | 3 |
| Send | <i class="fa-solid fa-paper-plane"></i> |
|
| Submit | <i class="fa-solid fa-paper-plane"></i> | <i class="fa-solid fa-share"></i> |
|
| Sign in | Login | <i class="fa-solid fa-right-to-bracket"></i>
eServices Login
(not used anymore ) |
|
| Sign up | | | <i class="fa-solid fa-user-plus"></i> | |
| View | Review | <i class="fa-solid fa-eye"></i> |
|
| Search | <i class="fa-solid fa-magnifying-glass"></i> |
|
| User Search | <i class="fa-solid fa-user-magnifying-glass"></i> |
|
| User | <i class="fa-solid fa-user"></i> |
|
| Users | Group | <i class="fa-solid fa-users"></i> |
|
| Upload | | | <i class="fa-solid fa-upload"></i> | <i class="fa-solid fa-file-arrow-up"></i> |
| Download | | | <i class="fa-solid fa-download"></i> | <i class="fa-solid fa-file-arrow-down"></i> |
| Export | <i class="fa-solid fa-file-export"></i> |
|
| Edit | <i class="fa-solid fa-pen"></i> |
|
| Home | <i class="fa-solid fa-house"></i> |
|
<i class="fa-solid fa-file-pdf"></i> |
||
| New Window | <i class="fa-solid fa-arrow-up-right-from-square"></i> |
|
| Delete | | | | <i class="fa-solid fa-trash-can-xmark"></i> | <i class="fa-solid fa-circle-xmark"></i> | <i class="fa-solid fa-xmark"></i> |
| Video | <i class="fa-solid fa-video"></i> |
|
| YouTube | <i class="fa-brands fa-youtube"></i> |
Icons have not been confirmed with training they're just ideas on how to apply for consistency across platforms
| Usage | Icon | Code |
|---|---|---|
| Webinar | | | <i class="fa-solid fa-chalkboard-user"></i> | <i class="fa-solid fa-video"></i> |
| Education | | | <i class="fa-solid fa-user-graduate"></i> | <i class="fa-solid fa-graduation-cap"></i> |
| My Certifications | | | | placeholder |
| MY CPE's Current | | | <i class="fa-kit fa-solid-award-circle-check"></i> | <i class="fa-solid fa-school-circle-check"></i> |
| MY CPE's Previous | | | <i class="fa-kit fa-solid-award-rotate-left"></i> |
| My Memberships | <i class="fa-solid fa-id-card"></i> |