Font Awesome

[yoasyo25]

Font Awesome - Upgrading from Version 4 to Version 5

https://fontawesome.com/how-to-use/upgrading-from-4

Font Awesome 5 introduces 4 prefixes for icons and some icon name changes for the purpose of clarity and specificity. I updated all the names for the font awesome icons, except the ones in foundation-datepicker.js file. The fa prefix could have been maintained in our application for the solid icons whose names have not been changed in version 5. But I changed the prefix tofas since that is the prefix that shows up on the font awesome site when a person searches for solid icons.

Font Awesome Icons

old <i class="fa fa-chevron-left"></i> new <i class="fas fa-chevron-left"></i>

old <i class="fa fa-chevron-right"></i> new <i class="fas fa-chevron-right"></i>

old <i class="fa fa-chevron-up"></i> new <i class="fas fa-chevron-up"></i>

old <i class="fa fa-chevron-down"></i> new <i class="fas fa-chevron-down"></i>

old <i class="fa fa-pencil"></i> new <i class="fas fa-pencil-alt"></i>

old <i class="fa fa-info-circle"></i> new <i class="fas fa-info-circle"></i>

old <i class="fa fa-times"></i> new <i class="fas fa-times"></i>

old <i class="fa fa-wrench"></i> new <i class="fas fa-wrench"></i>

old <i class="fa fa-usd"></i> new <i class="fas fa-dollar-sign"></i>

old <i class="fa fa-exclamation-triangle"></i> new <i class="fas fa-exclamation-triangle"></i>

old <i class="fa fa-ban"></i> new <i class="fas fa-ban"></i>

old <i class="fa fa-search"></i> new <i class="fas fa-search"></i>

old <i class="fa fa-users"></i> new <i class="fas fa-users"></i>

old <i class="fa fa-user"></i> new <i class="fas fa-user"></i>

old <i class='fa fa-circle'></i> new <i class='fas fa-circle'></i>

old <i class="fa fa-university"></i> new <i class="fas fa-university"></i>

old <i class="fa fa-eye"></i> new <i class="fas fa-eye"></i>

old <i class="fa fa-eye-slash"></i> new <i class="fas fa-eye-slash"></i>

old <i class="fa fa-folder-open"></i> new <i class="fas fa-folder-open"></i> <i class="fas fa-folder-open"></i>

old <i class="fa fa-flask"></i> new <i class="fas fa-flask"></i>

old <i class="fa fa-download"></i> new <i class="fas fa-download"></i>

old <i class="fa fa-upload"></i> new <i class="fas fa-upload"></i>

old <i class="fa fa-arrow-up"></i> new <i class="fas fa-arrow-up"></i>

old <i class="fa fa-arrow-down"></i> new <i class="fas fa-arrow-down"></i>

old <i class="fa fa-envelope"></i> new <i class="fas fa-envelope"></i>

old <i class="fa fa-envelope"></i> new <i class="fas fa-envelope"></i>

old <i class="fa fa-clock-o"></i> new <i class="far fa-clock"></i>

old <i class="fa fa-link"></i> new <i class="fas fa-link"></i>

old <i class="fa fa-file-text-o"></i> new <i class="far fa-file-alt"></i>

old <i class="fa fa-folder-o"></i> new <i class="far fa-folder"></i>

old <i class="fa fa-folder-open"></i> new <i class="fas fa-folder-open"></i>

old <i class="fa fa-envelope-open-o"></i> new <i class="far fa-envelope-open"></i>

old <i class="fa fa-flag"></i> new <i class="fas fa-flag"></i>

old <i class="fa fa-info"></i> new <i class="fas fa-info"></i>

old <i class="fa fa-check-square-o"></i> new <i class="far fa-check-square"></i>

old <i class="fa fa-file"></i> new <i class="fas fa-file"></i>

old <i class="fa fa-times"></i> new <i class="fas fa-times"></i>

old <i class="fa fa-external-link"></i> new <i class="fas fa-external-link-alt"></i>

old <i class="fa fa-hourglass-start"></i> new <i class="fas fa-hourglass-start"></i>

old <i class="fa fa-lock"></i> new <i class="fas fa-lock"></i>

old <i class="fa fa-pause"></i> new <i class="fas fa-pause"></i>

old <i class="fa fa-plus"></i> new <i class="fas fa-plus"></i>

old <i class="fa fa-calendar"></i> new <i class="fas fa-calendar-alt"></i>

old <i class="fa fa-frown-o"></i> new <i class="far fa-frown"></i>

old <i class="fa fa-comments"></i> new <i class="fas fa-comments"></i>

old <i class="fa fa-map-marker"></i> new <i class="fas fa-map-marker-alt"></i>

old <i class="fa fa-circle"></i> new <i class="fas fa-circle"></i>

old <i class="fa fa-check"></i> new <i class="fas fa-check"></i>

old <i class="fa fa-phone"></i> new <i class="fas fa-phone"></i>

old <i class="fa fa-square-o"></i> new <i class="far fa-square></i>

old <i class="fa fa-play"></i> new <i class="fas fa-play"></i>

old <i class="fa fa-paperclip"></i> new <i class="fas fa-paperclip"></i>

old <i class="fa fa-minus"></i> new <i class="fas fa-minus"></i>

old <i class="fa fa-check-square-o"></i> new <i class="far fa-check-square"></i>

old <i class="fa fa-tachometer"></i> new <i class="fas fa-tachometer-alt"></i>

old <i class="fa fa-caret-right"></i> new <i class="fas fa-caret-right"></i>

old <i class="fa fa-caret-down"></i> new <i class="fas fa-caret-right"></i>

old <i class="fa fa-check-circle-o"></i> new <i class="far fa-check-circle"></i>

old <i class="fa fa-bell-o"></i> new <i class="far fa-bell"></i>

old <i class="fas fa-print"></i> new <i class="fas fa-print"></i>

old <i class="fa fa-briefcase"></i> new <i class="fas fa-briefcase"></i>

old <i class="fa fa-file-archive-o"></i> new <i class="far fa-file-archive"></i>

old <i class="fa fa-sort"></i> new <i class="fas fa-sort"></i>

old <i class="fa fa-remove"></i> new <i class="fas fa-times"></i>

old <i class="fa fa-floppy-o"></i> new <i class="far fa-save"></i>

old <i class="fa fa-th-list"></i> new <i class="fas fa-th-list"></i>

old <i class="fa fa-tag"></i> new <i class="fas fa-tag"></i>

old <i class="fa fa-hand-o-right"></i> new <i class="far fa-hand-point-right"></i>

old <i class="fa fa-trash-o"></i> new <i class="far fa-trash-alt"></i>

old <i class="fa fa-comments"></i> new <i class="fas fa-comments"></i>