Convert Font Awesome to Unicode Icons. Part 1. In Progress.

Thanks to xet7 !

client/components/users/userAvatar.jade

@@ -13,7 +13,7 @@ template(name="userAvatar")
       if showEdit
         if $eq currentUser._id userData._id
           a.edit-avatar.js-change-avatar
-            i.fa.fa-pencil
+            | ✏️
 
 template(name="userAvatarInitials")
   svg.avatar.avatar-initials(viewBox="0 0 {{viewPortWidth}} 15")
@@ -32,7 +32,8 @@ template(name="boardOrgRow")
     td
       if currentUser.isBoardAdmin
         a.member.orgOrTeamMember.add-member.js-manage-board-removeOrg(title="{{_ 'remove-from-board'}}")
-          i.removeTeamFaMinus.fa.fa-minus
+          i.removeTeamFaMinus
+            | ➖
         .divaddfaplusminus
           | {{_ 'remove-btn'}}
 
@@ -45,7 +46,8 @@ template(name="boardTeamRow")
     td
       if currentUser.isBoardAdmin
         a.member.orgOrTeamMember.add-member.js-manage-board-removeTeam(title="{{_ 'remove-from-board'}}")
-          i.removeTeamFaMinus.fa.fa-minus
+          i.removeTeamFaMinus
+            | ➖
         .divaddfaplusminus
           | {{_ 'remove-btn'}}
 
@@ -88,7 +90,7 @@ template(name="changeAvatarPopup")
           img.avatar.avatar-image(src="{{link}}?auth=false&brokenIsFine=true")
         | {{_ 'uploaded-avatar'}}
         if isSelected
-          i.fa.fa-check
+          | ✅
         p.sub-name
           unless isSelected
             a.js-delete-avatar {{_ 'delete'}}
@@ -99,7 +101,7 @@ template(name="changeAvatarPopup")
         +userAvatarInitials(userId=currentUser._id)
       | {{_ 'initials' }}
       if noAvatarUrl
-        i.fa.fa-check
+        | ✅
        p.sub-name {{_ 'default-avatar'}}
   input.hide.js-upload-avatar-input(accept="image/*;capture=camera" type="file")
   if Meteor.settings.public.avatarsUploadMaxSize
@@ -110,7 +112,7 @@ template(name="changeAvatarPopup")
     br
   | {{_ 'invalid-file'}}
   button.full.js-upload-avatar
-    i.fa.fa-upload
+    | 📤
     | {{_ 'upload-avatar'}}
 
 template(name="cardMemberPopup")

client/components/users/userHeader.jade

@@ -15,92 +15,92 @@ template(name="memberMenuPopup")
     // Bookmarks at the very top
     li
       a.js-open-bookmarks
-        i.fa.fa-bookmark
+        | 🔖
         | {{_ 'bookmarks'}}
     with currentUser
       li
         a.js-my-cards(href="{{pathFor 'my-cards'}}")
-          i.fa.fa-list
+          | 📋
           | {{_ 'my-cards'}}
       li
         a.js-due-cards(href="{{pathFor 'due-cards'}}")
-          i.fa.fa-calendar
+          | 📅
           | {{_ 'dueCards-title'}}
       li
         a.js-global-search(href="{{pathFor 'global-search'}}")
-          i.fa.fa-search
+          | 🔍
           | {{_ 'globalSearch-title'}}
       li
         a(href="{{pathFor 'home'}}")
-          span.fa.fa-home
+          | 🏠
           | {{_ 'all-boards'}}
       li
         a(href="{{pathFor 'public'}}")
-          span.fa.fa-globe
+          | 🌐
           | {{_ 'public'}}
       li
         a.board-header-btn.js-open-archived-board
-          i.fa.fa-archive
+          | 📦
           span {{_ 'archives'}}
       li
         a.js-notifications-drawer-toggle
-          i.fa.fa-bell
+          | 🔔
           | {{_ 'notifications'}}
       if currentSetting.customHelpLinkUrl
         li
           a(href="{{currentSetting.customHelpLinkUrl}}", title="{{_ 'help'}}", target="_blank", rel="noopener noreferrer")
-            i.fa.fa-question
+            | ❓
             | {{_ 'help'}}
       unless currentUser.isWorker
         ul.pop-over-list
           li
             a(href="{{pathFor 'board' id=templatesBoardId slug=templatesBoardSlug}}")
-              i.fa.fa-clone
+              | 📋
               | {{_ 'templates'}}
       if currentUser.isAdmin
         li
           a.js-go-setting(href="{{pathFor 'setting'}}")
-            i.fa.fa-lock
+            | 🔒
             | {{_ 'admin-panel'}}
       hr
       if isSameDomainNameSettingValue
         li
           a.js-invite-people
-            i.fa.fa-envelope
+            | ✉️
             | {{_ 'invite-people'}}
       if isNotOAuth2AuthenticationMethod
         li
           a.js-edit-profile
-            i.fa.fa-user
+            | 👤
             | {{_ 'edit-profile'}}
       li
         a.js-change-settings
-          i.fa.fa-cog
+          | ⚙️
           | {{_ 'change-settings'}}
       li
         a.js-change-avatar
-          i.fa.fa-picture-o
+          | 🖼️
           | {{_ 'edit-avatar'}}
       unless isSandstorm
         if isNotOAuth2AuthenticationMethod
           li
             a.js-change-password
-              i.fa.fa-key
+              | 🔑
               | {{_ 'changePasswordPopup-title'}}
       li
         a.js-change-language
-          i.fa.fa-flag
+          | 🏁
           | {{_ 'changeLanguagePopup-title'}}
       //li
       //  a.js-support
-      //    i.fa.fa-question-circle
+      //    ❓-circle
       //    | {{_ 'support'}}
   unless isSandstorm
     hr
     ul.pop-over-list
       li
         a.js-logout
-          i.fa.fa-sign-out
+          | 🚪
           | {{_ 'log-out'}}
 
 template(name="invitePeoplePopup")
@@ -190,7 +190,7 @@ template(name="changeSettingsPopup")
           | {{_ 'show-cards-minimum-count'}}
         input#show-cards-count-at.inline-input.left(type="number" value="#{showCardsCountAt}" min="-1")
         label.bold.clear
-          i.fa.fa-calendar
+          | 📅
           | {{_ 'start-day-of-week'}}
         select#start-day-of-week.inline-input.left
           each day in weekDays startDayOfWeek