From be57e8fa72cb0abbbf8b8bf8f012a148c597b76f Mon Sep 17 00:00:00 2001
From: Jeff Phillips <jephilli@redhat.com>
Date: Tue, 13 Nov 2018 16:24:10 -0500
Subject: [PATCH] fix(Icon): Add missing converted files for FA v5 support
 (#1155)

---
 src/sass/converted/patternfly/_card-view.scss          |  6 +++---
 src/sass/converted/patternfly/_cards.scss              | 10 +++++-----
 src/sass/converted/patternfly/_date-and-time.scss      |  2 +-
 src/sass/converted/patternfly/_list-pf.scss            |  2 +-
 src/sass/converted/patternfly/_list-view.scss          |  4 ++--
 src/sass/converted/patternfly/_modals.scss             |  2 +-
 src/sass/converted/patternfly/_nav-vertical-alt.scss   |  2 +-
 src/sass/converted/patternfly/_navbar-alt.scss         |  6 +++---
 src/sass/converted/patternfly/_navbar-vertical.scss    |  4 ++--
 src/sass/converted/patternfly/_navbar.scss             |  2 +-
 .../converted/patternfly/_notifications-drawer.scss    |  2 +-
 src/sass/converted/patternfly/_progress-bars.scss      |  2 +-
 src/sass/converted/patternfly/_sidebar.scss            |  4 ++--
 src/sass/converted/patternfly/_time-picker.scss        |  2 +-
 src/sass/converted/patternfly/_vertical-nav.scss       |  8 ++++----
 src/sass/converted/rcue/_card-view.scss                |  6 +++---
 src/sass/converted/rcue/_cards.scss                    | 10 +++++-----
 src/sass/converted/rcue/_date-and-time.scss            |  2 +-
 src/sass/converted/rcue/_list-pf.scss                  |  2 +-
 src/sass/converted/rcue/_list-view.scss                |  4 ++--
 src/sass/converted/rcue/_modals.scss                   |  2 +-
 src/sass/converted/rcue/_nav-vertical-alt.scss         |  2 +-
 src/sass/converted/rcue/_navbar-alt.scss               |  6 +++---
 src/sass/converted/rcue/_navbar-vertical.scss          |  4 ++--
 src/sass/converted/rcue/_navbar.scss                   |  2 +-
 src/sass/converted/rcue/_notifications-drawer.scss     |  2 +-
 src/sass/converted/rcue/_progress-bars.scss            |  2 +-
 src/sass/converted/rcue/_sidebar.scss                  |  4 ++--
 src/sass/converted/rcue/_time-picker.scss              |  2 +-
 src/sass/converted/rcue/_vertical-nav.scss             |  8 ++++----
 30 files changed, 58 insertions(+), 58 deletions(-)

diff --git a/src/sass/converted/patternfly/_card-view.scss b/src/sass/converted/patternfly/_card-view.scss
index 8c4dcf5e29..1610e8494c 100644
--- a/src/sass/converted/patternfly/_card-view.scss
+++ b/src/sass/converted/patternfly/_card-view.scss
@@ -31,7 +31,7 @@
     &:last-child { padding-right: 0; }
     + .card-pf-item { border-left: 1px solid $card-pf-border-color; }
     .fa-check { color: $brand-success; }
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       + .card-pf-item-text { margin-left: 10px; }
     }
@@ -42,7 +42,7 @@
     font-weight: 300;
     margin-bottom: 0;
     margin-top: 15px;
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       font-size: ceil(($font-size-base * 1.5));
       margin-right: 2px;
@@ -95,7 +95,7 @@
       font-size: 16px;
       font-weight: normal;
       margin-bottom: 10px;
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         font-size: 14px;
         margin-right: 5px;
diff --git a/src/sass/converted/patternfly/_cards.scss b/src/sass/converted/patternfly/_cards.scss
index 526e72211c..1c6a31f94a 100644
--- a/src/sass/converted/patternfly/_cards.scss
+++ b/src/sass/converted/patternfly/_cards.scss
@@ -58,7 +58,7 @@
     margin-left: ($grid-gutter-width / 8 - 2);
     padding-left: ($grid-gutter-width / 4);
   }
-  .fa, .pficon {
+  .fa, .fas, .far, .fab, .fal, .pficon {
     font-size: ($font-size-base * 1.5); // 18px
     margin-right: 7px;
   }
@@ -93,7 +93,7 @@
   margin: 0 (-($grid-gutter-width / 2)) !important;
   padding: ($grid-gutter-width / 2) ($grid-gutter-width / 2) ($grid-gutter-width / 4);
   a > {
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       margin-right: 5px;
     }
@@ -106,7 +106,7 @@
 .card-pf-link-with-icon {
   padding-left: 21px;
   position: relative;
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 16px;
     left: 0;
@@ -159,7 +159,7 @@
   .card-pf-aggregate-status & {
     font-size: $font-size-large;
     margin: ($grid-gutter-width / 4) 0 0;
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       color: $card-pf-aggregate-status-title-icon-color;
       font-size: $font-size-h3;
@@ -181,7 +181,7 @@
     a {
       display: inline-block;
     }
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       font-size: ($font-size-base * 2 + 2); // 26px
       margin-right: 0;
diff --git a/src/sass/converted/patternfly/_date-and-time.scss b/src/sass/converted/patternfly/_date-and-time.scss
index 577f7e690b..ddf203881a 100644
--- a/src/sass/converted/patternfly/_date-and-time.scss
+++ b/src/sass/converted/patternfly/_date-and-time.scss
@@ -2,7 +2,7 @@
 // Date and Time
 // --------------------------------------------------
 .date-time-picker-pf .input-group-addon {
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     width: 12px;
   }
diff --git a/src/sass/converted/patternfly/_list-pf.scss b/src/sass/converted/patternfly/_list-pf.scss
index 441df4b6ee..4cb08fa057 100644
--- a/src/sass/converted/patternfly/_list-pf.scss
+++ b/src/sass/converted/patternfly/_list-pf.scss
@@ -56,7 +56,7 @@
     border-left: 1px solid $color-pf-black-300;
     padding-left: ($grid-gutter-width/2);
   }
-  .fa {
+  .fa, .fas, .far, .fab, .fal {
     font-size: 22px;
   }
 }
diff --git a/src/sass/converted/patternfly/_list-view.scss b/src/sass/converted/patternfly/_list-view.scss
index a7b76b5aca..bd3ab0d516 100644
--- a/src/sass/converted/patternfly/_list-view.scss
+++ b/src/sass/converted/patternfly/_list-view.scss
@@ -119,7 +119,7 @@
       line-height: 1em;
     }
   }
-  .pficon, .fa {
+  .pficon, .fa, .fas, .far, .fab, .fal {
     font-size: $font-size-h3;
     margin-right: ($grid-gutter-width/4);
   }
@@ -185,7 +185,7 @@
       line-height: 1em;
     }
   }
-  .pficon, .fa {
+  .pficon, .fa, .fas, .far, .fab, .fal {
     border-radius: 50%;
     font-size: 2em;
     // -md is out of alpha order to get correct bg on -danger
diff --git a/src/sass/converted/patternfly/_modals.scss b/src/sass/converted/patternfly/_modals.scss
index e5c8ca279c..adaf4f7c86 100644
--- a/src/sass/converted/patternfly/_modals.scss
+++ b/src/sass/converted/patternfly/_modals.scss
@@ -41,7 +41,7 @@
 .message-dialog-pf .modal-body {
   display: flex;
 
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 30px;
     margin-right: 15px;
diff --git a/src/sass/converted/patternfly/_nav-vertical-alt.scss b/src/sass/converted/patternfly/_nav-vertical-alt.scss
index 99f958ef93..777d518e29 100644
--- a/src/sass/converted/patternfly/_nav-vertical-alt.scss
+++ b/src/sass/converted/patternfly/_nav-vertical-alt.scss
@@ -135,7 +135,7 @@
       }
     }
 
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .glyphicon,
     .pficon {
       float: left;
diff --git a/src/sass/converted/patternfly/_navbar-alt.scss b/src/sass/converted/patternfly/_navbar-alt.scss
index bc1a90fdda..96ba008c2f 100644
--- a/src/sass/converted/patternfly/_navbar-alt.scss
+++ b/src/sass/converted/patternfly/_navbar-alt.scss
@@ -41,7 +41,7 @@
         background-color: transparent;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .glyphicon,
         .pficon {
           color: $navbar-pf-alt-active-color;
@@ -61,7 +61,7 @@
       }
 
       .caret,
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         color: $navbar-pf-alt-color;
         font-size: ($font-size-base + 4);
@@ -81,7 +81,7 @@
         background: transparent;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .pficon {
           color: $navbar-pf-alt-active-color;
         }
diff --git a/src/sass/converted/patternfly/_navbar-vertical.scss b/src/sass/converted/patternfly/_navbar-vertical.scss
index a2214f4fb2..fc37dd089f 100644
--- a/src/sass/converted/patternfly/_navbar-vertical.scss
+++ b/src/sass/converted/patternfly/_navbar-vertical.scss
@@ -72,7 +72,7 @@
       }
 
       .caret,
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         color: $navbar-pf-vertical-color;
         font-size: ($font-size-base + 4);
@@ -105,7 +105,7 @@
         outline: 0;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .pficon {
           color: $navbar-pf-item-active-color;
         }
diff --git a/src/sass/converted/patternfly/_navbar.scss b/src/sass/converted/patternfly/_navbar.scss
index 1bddf4cb73..e130c529aa 100644
--- a/src/sass/converted/patternfly/_navbar.scss
+++ b/src/sass/converted/patternfly/_navbar.scss
@@ -301,7 +301,7 @@
           outline: 0!important;
         }
         position: relative;
-        > .fa,
+        > .fa, .fas, .far, .fab, .fal,
         .pficon {
           line-height: 0;
         }
diff --git a/src/sass/converted/patternfly/_notifications-drawer.scss b/src/sass/converted/patternfly/_notifications-drawer.scss
index 1db6c3df5b..1a9c3e0990 100644
--- a/src/sass/converted/patternfly/_notifications-drawer.scss
+++ b/src/sass/converted/patternfly/_notifications-drawer.scss
@@ -105,7 +105,7 @@
   .btn-link {
     color: $link-color;
     padding: 10px 0;
-    .pficon, .fa {
+    .pficon, .fa, .fas, .far, .fab, .fal, {
       margin-right: 3px;
     }
     .pficon-close {
diff --git a/src/sass/converted/patternfly/_progress-bars.scss b/src/sass/converted/patternfly/_progress-bars.scss
index c2c2ad7e02..d95944bff5 100644
--- a/src/sass/converted/patternfly/_progress-bars.scss
+++ b/src/sass/converted/patternfly/_progress-bars.scss
@@ -103,7 +103,7 @@
     line-height: 1;
     margin-right: 5px;
   }
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 14px;
     margin-right: 3px;
diff --git a/src/sass/converted/patternfly/_sidebar.scss b/src/sass/converted/patternfly/_sidebar.scss
index d2b32a9149..2f7c559176 100644
--- a/src/sass/converted/patternfly/_sidebar.scss
+++ b/src/sass/converted/patternfly/_sidebar.scss
@@ -52,7 +52,7 @@
           top: 1px;
         }
       }
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         color: $color-pf-white;
       }
     }
@@ -68,7 +68,7 @@
         background: $dropdown-link-hover-bg;
         border-color: $dropdown-link-hover-border-color;
       }
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         color: lighten($gray-pf, 12%);
         font-size: ($font-size-base + 3);
         margin-right: ($grid-gutter-width / 4);
diff --git a/src/sass/converted/patternfly/_time-picker.scss b/src/sass/converted/patternfly/_time-picker.scss
index eee9fd63f1..fc5bb64d69 100644
--- a/src/sass/converted/patternfly/_time-picker.scss
+++ b/src/sass/converted/patternfly/_time-picker.scss
@@ -62,7 +62,7 @@
 }
 .time-picker-pf {
   .input-group-addon {
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon { width: 12px; }
     &:not(.active) { box-shadow: none; }
   }
diff --git a/src/sass/converted/patternfly/_vertical-nav.scss b/src/sass/converted/patternfly/_vertical-nav.scss
index 88e16f8a9e..ef255e228c 100644
--- a/src/sass/converted/patternfly/_vertical-nav.scss
+++ b/src/sass/converted/patternfly/_vertical-nav.scss
@@ -81,7 +81,7 @@
         display: flex;
         padding-right: 0;
       }
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-icon-color;
@@ -103,7 +103,7 @@
       background-color: $nav-pf-vertical-active-bg-color;
       color: $nav-pf-vertical-active-color;
       font-weight: $nav-pf-vertical-active-font-weight;
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-active-icon-color;
@@ -160,7 +160,7 @@
   &.hidden-icons-pf {
     > .list-group > .list-group-item { // only the primary menu hides icons
       > a {
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .glyphicon,
         .pficon {
           display: none;
@@ -196,7 +196,7 @@
       padding: 0 7px;
       text-align: center;
       .pficon,
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         font-size: ($font-size-base + 2);
         height: 20px;
         line-height: $line-height-base;
diff --git a/src/sass/converted/rcue/_card-view.scss b/src/sass/converted/rcue/_card-view.scss
index 8c4dcf5e29..1610e8494c 100644
--- a/src/sass/converted/rcue/_card-view.scss
+++ b/src/sass/converted/rcue/_card-view.scss
@@ -31,7 +31,7 @@
     &:last-child { padding-right: 0; }
     + .card-pf-item { border-left: 1px solid $card-pf-border-color; }
     .fa-check { color: $brand-success; }
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       + .card-pf-item-text { margin-left: 10px; }
     }
@@ -42,7 +42,7 @@
     font-weight: 300;
     margin-bottom: 0;
     margin-top: 15px;
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       font-size: ceil(($font-size-base * 1.5));
       margin-right: 2px;
@@ -95,7 +95,7 @@
       font-size: 16px;
       font-weight: normal;
       margin-bottom: 10px;
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         font-size: 14px;
         margin-right: 5px;
diff --git a/src/sass/converted/rcue/_cards.scss b/src/sass/converted/rcue/_cards.scss
index 526e72211c..1c6a31f94a 100644
--- a/src/sass/converted/rcue/_cards.scss
+++ b/src/sass/converted/rcue/_cards.scss
@@ -58,7 +58,7 @@
     margin-left: ($grid-gutter-width / 8 - 2);
     padding-left: ($grid-gutter-width / 4);
   }
-  .fa, .pficon {
+  .fa, .fas, .far, .fab, .fal, .pficon {
     font-size: ($font-size-base * 1.5); // 18px
     margin-right: 7px;
   }
@@ -93,7 +93,7 @@
   margin: 0 (-($grid-gutter-width / 2)) !important;
   padding: ($grid-gutter-width / 2) ($grid-gutter-width / 2) ($grid-gutter-width / 4);
   a > {
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       margin-right: 5px;
     }
@@ -106,7 +106,7 @@
 .card-pf-link-with-icon {
   padding-left: 21px;
   position: relative;
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 16px;
     left: 0;
@@ -159,7 +159,7 @@
   .card-pf-aggregate-status & {
     font-size: $font-size-large;
     margin: ($grid-gutter-width / 4) 0 0;
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       color: $card-pf-aggregate-status-title-icon-color;
       font-size: $font-size-h3;
@@ -181,7 +181,7 @@
     a {
       display: inline-block;
     }
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon {
       font-size: ($font-size-base * 2 + 2); // 26px
       margin-right: 0;
diff --git a/src/sass/converted/rcue/_date-and-time.scss b/src/sass/converted/rcue/_date-and-time.scss
index 577f7e690b..ddf203881a 100644
--- a/src/sass/converted/rcue/_date-and-time.scss
+++ b/src/sass/converted/rcue/_date-and-time.scss
@@ -2,7 +2,7 @@
 // Date and Time
 // --------------------------------------------------
 .date-time-picker-pf .input-group-addon {
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     width: 12px;
   }
diff --git a/src/sass/converted/rcue/_list-pf.scss b/src/sass/converted/rcue/_list-pf.scss
index 441df4b6ee..4cb08fa057 100644
--- a/src/sass/converted/rcue/_list-pf.scss
+++ b/src/sass/converted/rcue/_list-pf.scss
@@ -56,7 +56,7 @@
     border-left: 1px solid $color-pf-black-300;
     padding-left: ($grid-gutter-width/2);
   }
-  .fa {
+  .fa, .fas, .far, .fab, .fal {
     font-size: 22px;
   }
 }
diff --git a/src/sass/converted/rcue/_list-view.scss b/src/sass/converted/rcue/_list-view.scss
index a7b76b5aca..bd3ab0d516 100644
--- a/src/sass/converted/rcue/_list-view.scss
+++ b/src/sass/converted/rcue/_list-view.scss
@@ -119,7 +119,7 @@
       line-height: 1em;
     }
   }
-  .pficon, .fa {
+  .pficon, .fa, .fas, .far, .fab, .fal {
     font-size: $font-size-h3;
     margin-right: ($grid-gutter-width/4);
   }
@@ -185,7 +185,7 @@
       line-height: 1em;
     }
   }
-  .pficon, .fa {
+  .pficon, .fa, .fas, .far, .fab, .fal {
     border-radius: 50%;
     font-size: 2em;
     // -md is out of alpha order to get correct bg on -danger
diff --git a/src/sass/converted/rcue/_modals.scss b/src/sass/converted/rcue/_modals.scss
index e5c8ca279c..adaf4f7c86 100644
--- a/src/sass/converted/rcue/_modals.scss
+++ b/src/sass/converted/rcue/_modals.scss
@@ -41,7 +41,7 @@
 .message-dialog-pf .modal-body {
   display: flex;
 
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 30px;
     margin-right: 15px;
diff --git a/src/sass/converted/rcue/_nav-vertical-alt.scss b/src/sass/converted/rcue/_nav-vertical-alt.scss
index 99f958ef93..777d518e29 100644
--- a/src/sass/converted/rcue/_nav-vertical-alt.scss
+++ b/src/sass/converted/rcue/_nav-vertical-alt.scss
@@ -135,7 +135,7 @@
       }
     }
 
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .glyphicon,
     .pficon {
       float: left;
diff --git a/src/sass/converted/rcue/_navbar-alt.scss b/src/sass/converted/rcue/_navbar-alt.scss
index bc1a90fdda..96ba008c2f 100644
--- a/src/sass/converted/rcue/_navbar-alt.scss
+++ b/src/sass/converted/rcue/_navbar-alt.scss
@@ -41,7 +41,7 @@
         background-color: transparent;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .glyphicon,
         .pficon {
           color: $navbar-pf-alt-active-color;
@@ -61,7 +61,7 @@
       }
 
       .caret,
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         color: $navbar-pf-alt-color;
         font-size: ($font-size-base + 4);
@@ -81,7 +81,7 @@
         background: transparent;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .pficon {
           color: $navbar-pf-alt-active-color;
         }
diff --git a/src/sass/converted/rcue/_navbar-vertical.scss b/src/sass/converted/rcue/_navbar-vertical.scss
index a2214f4fb2..fc37dd089f 100644
--- a/src/sass/converted/rcue/_navbar-vertical.scss
+++ b/src/sass/converted/rcue/_navbar-vertical.scss
@@ -72,7 +72,7 @@
       }
 
       .caret,
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .pficon {
         color: $navbar-pf-vertical-color;
         font-size: ($font-size-base + 4);
@@ -105,7 +105,7 @@
         outline: 0;
 
         .caret,
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .pficon {
           color: $navbar-pf-item-active-color;
         }
diff --git a/src/sass/converted/rcue/_navbar.scss b/src/sass/converted/rcue/_navbar.scss
index 1bddf4cb73..e130c529aa 100644
--- a/src/sass/converted/rcue/_navbar.scss
+++ b/src/sass/converted/rcue/_navbar.scss
@@ -301,7 +301,7 @@
           outline: 0!important;
         }
         position: relative;
-        > .fa,
+        > .fa, .fas, .far, .fab, .fal,
         .pficon {
           line-height: 0;
         }
diff --git a/src/sass/converted/rcue/_notifications-drawer.scss b/src/sass/converted/rcue/_notifications-drawer.scss
index 1db6c3df5b..1a9c3e0990 100644
--- a/src/sass/converted/rcue/_notifications-drawer.scss
+++ b/src/sass/converted/rcue/_notifications-drawer.scss
@@ -105,7 +105,7 @@
   .btn-link {
     color: $link-color;
     padding: 10px 0;
-    .pficon, .fa {
+    .pficon, .fa, .fas, .far, .fab, .fal, {
       margin-right: 3px;
     }
     .pficon-close {
diff --git a/src/sass/converted/rcue/_progress-bars.scss b/src/sass/converted/rcue/_progress-bars.scss
index c2c2ad7e02..d95944bff5 100644
--- a/src/sass/converted/rcue/_progress-bars.scss
+++ b/src/sass/converted/rcue/_progress-bars.scss
@@ -103,7 +103,7 @@
     line-height: 1;
     margin-right: 5px;
   }
-  .fa,
+  .fa, .fas, .far, .fab, .fal,
   .pficon {
     font-size: 14px;
     margin-right: 3px;
diff --git a/src/sass/converted/rcue/_sidebar.scss b/src/sass/converted/rcue/_sidebar.scss
index d2b32a9149..2f7c559176 100644
--- a/src/sass/converted/rcue/_sidebar.scss
+++ b/src/sass/converted/rcue/_sidebar.scss
@@ -52,7 +52,7 @@
           top: 1px;
         }
       }
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         color: $color-pf-white;
       }
     }
@@ -68,7 +68,7 @@
         background: $dropdown-link-hover-bg;
         border-color: $dropdown-link-hover-border-color;
       }
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         color: lighten($gray-pf, 12%);
         font-size: ($font-size-base + 3);
         margin-right: ($grid-gutter-width / 4);
diff --git a/src/sass/converted/rcue/_time-picker.scss b/src/sass/converted/rcue/_time-picker.scss
index eee9fd63f1..fc5bb64d69 100644
--- a/src/sass/converted/rcue/_time-picker.scss
+++ b/src/sass/converted/rcue/_time-picker.scss
@@ -62,7 +62,7 @@
 }
 .time-picker-pf {
   .input-group-addon {
-    .fa,
+    .fa, .fas, .far, .fab, .fal,
     .pficon { width: 12px; }
     &:not(.active) { box-shadow: none; }
   }
diff --git a/src/sass/converted/rcue/_vertical-nav.scss b/src/sass/converted/rcue/_vertical-nav.scss
index 88e16f8a9e..ef255e228c 100644
--- a/src/sass/converted/rcue/_vertical-nav.scss
+++ b/src/sass/converted/rcue/_vertical-nav.scss
@@ -81,7 +81,7 @@
         display: flex;
         padding-right: 0;
       }
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-icon-color;
@@ -103,7 +103,7 @@
       background-color: $nav-pf-vertical-active-bg-color;
       color: $nav-pf-vertical-active-color;
       font-weight: $nav-pf-vertical-active-font-weight;
-      .fa,
+      .fa, .fas, .far, .fab, .fal,
       .glyphicon,
       .pficon {
         color: $nav-pf-vertical-active-icon-color;
@@ -160,7 +160,7 @@
   &.hidden-icons-pf {
     > .list-group > .list-group-item { // only the primary menu hides icons
       > a {
-        .fa,
+        .fa, .fas, .far, .fab, .fal,
         .glyphicon,
         .pficon {
           display: none;
@@ -196,7 +196,7 @@
       padding: 0 7px;
       text-align: center;
       .pficon,
-      .fa {
+      .fa, .fas, .far, .fab, .fal {
         font-size: ($font-size-base + 2);
         height: 20px;
         line-height: $line-height-base;