4 files changed, 20 insertions, 1 deletions
diff --git a/web-ui/app/scss/base/_fonts.scss b/web-ui/app/scss/base/_fonts.scss
index ada6a025..dfc56dd8 100644
--- a/web-ui/app/scss/base/_fonts.scss
+++ b/web-ui/app/scss/base/_fonts.scss
@@ -58,3 +58,11 @@
   font-weight: 800;
   src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/assets/fonts/OpenSans-ExtraboldItalic.woff') format('woff');
 }
+
+@font-face {
+  font-family: 'icomoon';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/icomoon.woff') format('woff'),  url('/assets/fonts/icomoon.ttf') format('truetype'), ;
+}
+
diff --git a/web-ui/app/scss/style.scss b/web-ui/app/scss/style.scss
index 659a0631..e99ab194 100644
--- a/web-ui/app/scss/style.scss
+++ b/web-ui/app/scss/style.scss
@@ -3,6 +3,7 @@
 @import "vendor/scut";
 @import "compass/css3";
 @import "vendor/foundation";
+@import "vendor/customfont";
 
 // basic configuration
 @import "base/fonts";
diff --git a/web-ui/app/scss/vendor/_customfont.scss b/web-ui/app/scss/vendor/_customfont.scss
new file mode 100644
index 00000000..d72cca0f
--- /dev/null
+++ b/web-ui/app/scss/vendor/_customfont.scss
@@ -0,0 +1,9 @@
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    line-height: 1;
+}
+
+.icon-px-sent:before {
+    content: "\e900";
+}
diff --git a/web-ui/app/scss/views/_navigation.scss b/web-ui/app/scss/views/_navigation.scss
index 5c8d1bd7..eaf188d6 100644
--- a/web-ui/app/scss/views/_navigation.scss
+++ b/web-ui/app/scss/views/_navigation.scss
@@ -412,7 +412,8 @@ div.side-nav-bottom {
 
             &:nth-child(2) {
                 &:before {
-                    content: "\f1d8";
+                    font-family: "icomoon";
+                    content: "\e900";
                     margin-left: -5px;
                 }
             }