Most Unicode Icons back to Font Awesome 4.7 for better accessibility. Less always visible buttons, More at ☰ Men.

Thanks to xet7 !

client/components/main/header.jade

@@ -9,7 +9,7 @@ template(name="header")
       // Home icon - always at left side of logo
       span.home-icon.allBoards
         a(href="{{pathFor 'home'}}")
-          | 🏠
+          i.fa.fa-home
           | {{_ 'all-boards'}}
 
       // Logo - visible; on mobile constrained by CSS
@@ -32,11 +32,11 @@ template(name="header")
 
       // Drag handles toggle - between zoom and mobile mode toggle
       a.board-header-btn.js-toggle-desktop-drag-handles(title="{{_ 'show-desktop-drag-handles'}}")
-        | ↕️
+        i.fa.fa-arrows
         if isShowDesktopDragHandles
-          | ✅
+          i.fa.fa-check
         unless isShowDesktopDragHandles
-          | 🚫
+          i.fa.fa-ban
 
       if isMiniScreen
         ul.header-quick-access-list
@@ -64,8 +64,9 @@ template(name="header")
               a(href="{{pathFor 'board' id=_id slug=slug}}")
                 +viewer
                   = title
-          else
-            li.current.empty {{_ 'quick-access-description'}}
+          //else
+          //  li.current.empty
+          //    {{_ 'quick-access-description'}}
         #header-new-board-icon
       // Next line is used only for spacing at header,
       // there is no visible clickable icon.
@@ -77,8 +78,10 @@ template(name="header")
 
       .mobile-mode-toggle
         a.board-header-btn.js-mobile-mode-toggle(title="{{_ 'mobile-desktop-toggle'}}" class="{{#if mobileMode}}mobile-active{{else}}desktop-active{{/if}}")
-          i.mobile-icon(class="{{#if mobileMode}}active{{/if}}") 📱
-          i.desktop-icon(class="{{#unless mobileMode}}active{{/unless}}") 🖥️
+          i.mobile-icon(class="{{#if mobileMode}}active{{/if}}")
+            i.fa.fa-mobile
+          i.desktop-icon(class="{{#unless mobileMode}}active{{/unless}}")
+            i.fa.fa-desktop
 
       // Notifications
       +notifications
@@ -86,7 +89,7 @@ template(name="header")
       if currentSetting.customHelpLinkUrl
         #header-help
           a(href="{{currentSetting.customHelpLinkUrl}}", title="{{_ 'help'}}", target="_blank", rel="noopener noreferrer")
-            | ❓
+            i.fa.fa-question-circle
 
       +headerUserBar
 
@@ -105,17 +108,17 @@ template(name="header")
     if hasAnnouncement
       .announcement
         p
-          | 📢
+          i.fa.fa-bullhorn
           +viewer
             | #{announcement}
           a
             .js-close-announcement
-              | ❌
+              i.fa.fa-times-thin
 
 template(name="offlineWarning")
   .offline-warning
     p
-      | ⚠️
+      i.fa.fa-warning
       | {{_ 'app-is-offline'}}
 
       a.app-try-reconnect {{_ 'app-try-reconnect'}}