diff --git a/package-lock.json b/package-lock.json
index 5588e625..09d5aa14 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,7 +43,6 @@
         "electron-notarize": "^1.1.1",
         "electron-rebuild": "^3.2.5",
         "electron-reload": "^1.5.0",
-        "font-awesome": "4.7.0",
         "html-loader": "^3.0.1",
         "html-webpack-plugin": "^5.5.0",
         "husky": "^7.0.4",
@@ -4382,15 +4381,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/font-awesome": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
-      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.3"
-      }
-    },
     "node_modules/forcefocus": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/forcefocus/-/forcefocus-1.1.0.tgz",
@@ -13406,12 +13396,6 @@
         "path-exists": "^4.0.0"
       }
     },
-    "font-awesome": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
-      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=",
-      "dev": true
-    },
     "forcefocus": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/forcefocus/-/forcefocus-1.1.0.tgz",
diff --git a/package.json b/package.json
index ccad4500..47a65d46 100644
--- a/package.json
+++ b/package.json
@@ -266,7 +266,6 @@
     "electron-notarize": "^1.1.1",
     "electron-rebuild": "^3.2.5",
     "electron-reload": "^1.5.0",
-    "font-awesome": "4.7.0",
     "html-loader": "^3.0.1",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
diff --git a/src/app/vault/add-edit.component.html b/src/app/vault/add-edit.component.html
index b8ccb08f..0c923a32 100644
--- a/src/app/vault/add-edit.component.html
+++ b/src/app/vault/add-edit.component.html
@@ -426,7 +426,7 @@
                   appA11yTitle="{{ 'toggleOptions' | i18n }}"
                   (click)="toggleUriOptions(u)"
                 >
-                  <i class="bwi bwi-lg bwi-cog-f" aria-hidden="true"></i>
+                  <i class="bwi bwi-lg bwi-cog" aria-hidden="true"></i>
                 </a>
               </div>
             </div>
diff --git a/src/app/vault/groupings.component.html b/src/app/vault/groupings.component.html
index 00b9e62c..276c7f57 100644
--- a/src/app/vault/groupings.component.html
+++ b/src/app/vault/groupings.component.html
@@ -9,7 +9,7 @@
       </li>
       <li [ngClass]="{ active: selectedFavorites }">
         <a href="#" appStopClick appBlurClick (click)="selectFavorites()">
-          <i class="bwi bwi-fw bwi-star-f" aria-hidden="true"></i>&nbsp;{{ "favorites" | i18n }}
+          <i class="bwi bwi-fw bwi-star" aria-hidden="true"></i>&nbsp;{{ "favorites" | i18n }}
         </a>
       </li>
       <li [ngClass]="{ active: selectedTrash }">
@@ -64,8 +64,8 @@
                 title="{{ 'toggleCollapse' | i18n }}"
                 aria-hidden="true"
                 [ngClass]="{
-                  'bwi-caret-right': isCollapsed(f.node),
-                  'bwi-caret-down': !isCollapsed(f.node)
+                  'bwi-angle-right': isCollapsed(f.node),
+                  'bwi-angle-down': !isCollapsed(f.node)
                 }"
                 (click)="collapse(f.node)"
                 appStopProp
@@ -114,8 +114,8 @@
                   title="{{ 'toggleCollapse' | i18n }}"
                   aria-hidden="true"
                   [ngClass]="{
-                    'bwi-caret-right': isCollapsed(c.node),
-                    'bwi-caret-down': !isCollapsed(c.node)
+                    'bwi-angle-right': isCollapsed(c.node),
+                    'bwi-angle-down': !isCollapsed(c.node)
                   }"
                   (click)="collapse(c.node)"
                   appStopProp
diff --git a/webpack.renderer.js b/webpack.renderer.js
index 9878d1a9..0a4623fc 100644
--- a/webpack.renderer.js
+++ b/webpack.renderer.js
@@ -19,7 +19,7 @@ const common = {
       },
       {
         test: /\.(jpe?g|png|gif|svg)$/i,
-        exclude: /.*(fontawesome-webfont)\.svg/,
+        exclude: /.*(bwi-font)\.svg/,
         generator: {
           filename: "images/[name][ext]",
         },