diff --git a/build/assets/css/font-awesome.css b/build/assets/css/font-awesome.css
index 23c9df83e..0b82036de 100644
--- a/build/assets/css/font-awesome.css
+++ b/build/assets/css/font-awesome.css
@@ -142,6 +142,10 @@ ul.icons-ul > li [class^="icon-"],
 ul.icons-ul > li .icon-li {
   width: 0.6428571428571429em;
 }
+[class^="icon-"].hide,
+[class*=" icon-"].hide {
+  display: none;
+}
 .icon-muted {
   color: #eeeeee;
 }
diff --git a/build/assets/less/font-awesome.less b/build/assets/less/font-awesome.less
index ff9a6eec2..f6dea0b48 100644
--- a/build/assets/less/font-awesome.less
+++ b/build/assets/less/font-awesome.less
@@ -145,6 +145,14 @@ ul.icons-ul {
   }
 }
 
+// allows usage of the hide class directly on font awesome icons
+[class^="icon-"],
+[class*=" icon-"] {
+  &.hide {
+    display:none;
+  }
+}
+
 .icon-muted {
   color: @iconMuted;
 }