In MDL-76989 the Font Awesome library has been upgraded from 4.7 to 6.3. Although the syntax has slightly changed, the new version is backwards compatible (because shim has been included):

<!-- Version 4's syntax -->

<i class="fa fa-camera-retro"></i> 

<!-- Version 6's syntax -->

<i class="fa-solid fa-camera-retro"></i> 

This issue is to review the references in core to all the version 4's syntax to update them to the 6's syntax. Apart from that, some icons can be updated because the new version has more images.

For instance, with Font Awesome 4, the fa-lightbulb-o is used to highlight: https://fontawesome.com/v4/icon/lightbulb-o 

However, in Font Awesome, there is a specific icon for it ("fa-solid fa-highlighter"): https://fontawesome.com/icons/highlighter?s=solid&f=classic 

Implementation phases

Phase 1

Take advantage of Font Awesome 6 adding support to the families and also replacing the icons:

• MDL-81661 Upgrade Font Awesome Library to the latest version
• MDL-82210 Add support to Font Awesome families
  • MDL-82211 Update icon_map with the latest icons from Font Awesome 6 (core)
  • MDL-82497 Update icon_map with the latest icons from Font Awesome 6 (plugins)
• MDL-82476 Remove non-SVG icons
• MDL-82498 Update pix/s emoticons with the emojis from the emoji-data library
• MDL-82686 Hide the menu for the Course overview block in My courses page when edit mode is on
• MDL-82500 Enhance the CTA on the My Courses page
• Update custom icons (blocked by UX - MDL-82218)
• MDL-82212 Provide a mechanism to deprecate and detect deprecated icons
• MDL-82217 Decide whether icons should be reorganised in a different way

Phase 2

Clean-up phase, to remove unused/duplicated icons and reorganise them following the easiest way to help developers find them (to avoid duplicates in the future):

• MDL-82460 Deprecate unused pix icons
• Deprecate duplicated icons
• Reorganise the pix folders, implementing the proposal agreed in MDL-82217