From 575e8b691fee9ba00199da92948953aa9d0fc539 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Tue, 1 Apr 2025 11:34:04 -0400
Subject: [PATCH] [CL-570] Deprecate old icons (#13663)

---
 .../app/tools/send/add-edit.component.html    |   9 +-
 .../src/app/tools/send/send.component.html    |   2 +-
 apps/desktop/src/locales/en/messages.json     |   3 +
 .../vault/app/vault/add-edit.component.html   |  16 +-
 .../app/vault/attachments.component.html      |  13 +-
 .../app/vault/collections.component.html      |  13 +-
 .../app/vault/folder-add-edit.component.html  |  13 +-
 .../src/vault/app/vault/share.component.html  |   7 +-
 .../vault/view-custom-fields.component.html   |  30 +--
 .../src/vault/app/vault/view.component.html   |   2 +-
 .../guards/is-enterprise-org.guard.ts         |   2 +-
 .../organizations/guards/is-paid-org.guard.ts |   2 +-
 .../organization-layout.component.html        |   2 +-
 .../delete-managed-member-warning.service.ts  |   2 +-
 .../policies/reset-password.component.html    |   2 +-
 .../change-plan-dialog.component.ts           |   3 +-
 .../organization-payment-method.component.ts  |   3 +-
 .../shared/billing-history.component.html     |   8 +-
 .../shared/billing-history.component.ts       |   2 +-
 .../shared/payment-method.component.ts        |   3 +-
 .../shared/payment/payment.component.html     |   2 +-
 apps/web/src/app/core/event.service.ts        |  40 ++--
 .../app/settings/domain-rules.component.html  |   8 +-
 .../onboarding/onboarding.component.html      |   1 -
 .../src/app/tools/send/send.component.html    |   2 +-
 .../vault-cipher-row.component.html           |   2 +-
 .../individual-vault/add-edit.component.html  |   2 +-
 .../organization-options.component.html       |   2 -
 .../providers/providers-layout.component.html |   4 +-
 .../clients/manage-clients.component.html     |   2 +-
 .../provider-subscription.component.ts        |   3 +-
 .../layout/navigation.component.html          |   2 +-
 .../shared/new-menu.component.html            |   2 +-
 .../invoices/invoices.component.html          |   2 +-
 libs/components/src/stories/icons.mdx         | 202 ++++++------------
 35 files changed, 149 insertions(+), 264 deletions(-)

diff --git a/apps/desktop/src/app/tools/send/add-edit.component.html b/apps/desktop/src/app/tools/send/add-edit.component.html
index 3d8231d07ce..0bf2e1778e0 100644
--- a/apps/desktop/src/app/tools/send/add-edit.component.html
+++ b/apps/desktop/src/app/tools/send/add-edit.component.html
@@ -282,14 +282,9 @@
     </div>
   </div>
   <div class="footer">
-    <button
-      type="submit"
-      class="primary btn-submit"
-      appA11yTitle="{{ 'save' | i18n }}"
-      *ngIf="!disableSend"
-    >
+    <button type="submit" class="primary btn-submit" *ngIf="!disableSend">
       <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
-      <span><i class="bwi bwi-save-changes bwi-lg bwi-fw" aria-hidden="true"></i></span>
+      {{ "save" | i18n }}
     </button>
     <button type="button" (click)="cancel()">
       {{ "cancel" | i18n }}
diff --git a/apps/desktop/src/app/tools/send/send.component.html b/apps/desktop/src/app/tools/send/send.component.html
index f03a15e1e50..2e1acc74475 100644
--- a/apps/desktop/src/app/tools/send/send.component.html
+++ b/apps/desktop/src/app/tools/send/send.component.html
@@ -99,7 +99,7 @@
                 </ng-container>
                 <ng-container *ngIf="s.maxAccessCountReached">
                   <i
-                    class="bwi bwi-ban"
+                    class="bwi bwi-exclamation-triangle"
                     appStopProp
                     title="{{ 'maxAccessCountReached' | i18n }}"
                     aria-hidden="true"
diff --git a/apps/desktop/src/locales/en/messages.json b/apps/desktop/src/locales/en/messages.json
index 42eebd98223..f1c63780793 100644
--- a/apps/desktop/src/locales/en/messages.json
+++ b/apps/desktop/src/locales/en/messages.json
@@ -3561,5 +3561,8 @@
   },
   "changeAtRiskPassword": {
     "message": "Change at-risk password"
+  },
+  "move": {
+    "message": "Move"
   }
 }
diff --git a/apps/desktop/src/vault/app/vault/add-edit.component.html b/apps/desktop/src/vault/app/vault/add-edit.component.html
index d79e15ebe6a..7904d7b7f34 100644
--- a/apps/desktop/src/vault/app/vault/add-edit.component.html
+++ b/apps/desktop/src/vault/app/vault/add-edit.component.html
@@ -773,17 +773,8 @@
     </div>
   </div>
   <div class="footer">
-    <button
-      type="submit"
-      class="primary"
-      appA11yTitle="{{ 'save' | i18n }}"
-      [disabled]="$any(form).loading"
-    >
-      <i
-        class="bwi bwi-save-changes bwi-lg bwi-fw"
-        [hidden]="$any(form).loading"
-        aria-hidden="true"
-      ></i>
+    <button type="submit" class="primary" [disabled]="$any(form).loading">
+      <span [hidden]="$any(form).loading">{{ "save" | i18n }}</span>
       <i
         class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
         [hidden]="!$any(form).loading"
@@ -797,10 +788,9 @@
       <button
         type="button"
         (click)="share()"
-        appA11yTitle="{{ 'moveToOrganization' | i18n }}"
         *ngIf="editMode && cipher && !cipher.organizationId && !cloneMode"
       >
-        <i class="bwi bwi-arrow-circle-right bwi-lg bwi-fw" aria-hidden="true"></i>
+        {{ "move" | i18n }}
       </button>
       <button
         #deleteBtn
diff --git a/apps/desktop/src/vault/app/vault/attachments.component.html b/apps/desktop/src/vault/app/vault/attachments.component.html
index 4931467b34a..addd068f1a4 100644
--- a/apps/desktop/src/vault/app/vault/attachments.component.html
+++ b/apps/desktop/src/vault/app/vault/attachments.component.html
@@ -54,17 +54,8 @@
         </div>
       </div>
       <div class="modal-footer">
-        <button
-          type="submit"
-          class="primary"
-          appA11yTitle="{{ 'save' | i18n }}"
-          [disabled]="form.loading"
-        >
-          <i
-            class="bwi bwi-save-changes bwi-lg bwi-fw"
-            [hidden]="form.loading"
-            aria-hidden="true"
-          ></i>
+        <button type="submit" class="primary" [disabled]="form.loading">
+          <span [hidden]="form.loading">{{ "save" | i18n }}</span>
           <i
             class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
             [hidden]="!form.loading"
diff --git a/apps/desktop/src/vault/app/vault/collections.component.html b/apps/desktop/src/vault/app/vault/collections.component.html
index 13bd3178899..a87cbc6b180 100644
--- a/apps/desktop/src/vault/app/vault/collections.component.html
+++ b/apps/desktop/src/vault/app/vault/collections.component.html
@@ -28,17 +28,8 @@
         </div>
       </div>
       <div class="modal-footer">
-        <button
-          type="submit"
-          class="primary"
-          appA11yTitle="{{ 'save' | i18n }}"
-          [disabled]="form.loading"
-        >
-          <i
-            class="bwi bwi-save-changes bwi-lg bwi-fw"
-            [hidden]="form.loading"
-            aria-hidden="true"
-          ></i>
+        <button type="submit" class="primary" [disabled]="form.loading">
+          <span [hidden]="form.loading">{{ "save" | i18n }}</span>
           <i
             class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
             [hidden]="!form.loading"
diff --git a/apps/desktop/src/vault/app/vault/folder-add-edit.component.html b/apps/desktop/src/vault/app/vault/folder-add-edit.component.html
index 5a757cfeac4..d22628df046 100644
--- a/apps/desktop/src/vault/app/vault/folder-add-edit.component.html
+++ b/apps/desktop/src/vault/app/vault/folder-add-edit.component.html
@@ -21,17 +21,8 @@
         </div>
       </div>
       <div class="modal-footer">
-        <button
-          type="submit"
-          class="primary"
-          appA11yTitle="{{ 'save' | i18n }}"
-          [disabled]="form.loading"
-        >
-          <i
-            class="bwi bwi-save-changes bwi-lg bwi-fw"
-            [hidden]="form.loading"
-            aria-hidden="true"
-          ></i>
+        <button type="submit" class="primary" [disabled]="form.loading">
+          <span [hidden]="form.loading">{{ "save" | i18n }}</span>
           <i
             class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
             [hidden]="!form.loading"
diff --git a/apps/desktop/src/vault/app/vault/share.component.html b/apps/desktop/src/vault/app/vault/share.component.html
index a83cbb66298..8f85ecf891e 100644
--- a/apps/desktop/src/vault/app/vault/share.component.html
+++ b/apps/desktop/src/vault/app/vault/share.component.html
@@ -58,15 +58,10 @@
           <button
             type="submit"
             class="primary"
-            appA11yTitle="{{ 'save' | i18n }}"
             [disabled]="form.loading || !canSave"
             *ngIf="organizations && organizations.length"
           >
-            <i
-              class="bwi bwi-save-changes bwi-lg bwi-fw"
-              [hidden]="form.loading"
-              aria-hidden="true"
-            ></i>
+            <span [hidden]="form.loading">{{ "save" | i18n }}</span>
             <i
               class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
               [hidden]="!form.loading"
diff --git a/apps/desktop/src/vault/app/vault/view-custom-fields.component.html b/apps/desktop/src/vault/app/vault/view-custom-fields.component.html
index 492c7fbb23e..5e0389af25a 100644
--- a/apps/desktop/src/vault/app/vault/view-custom-fields.component.html
+++ b/apps/desktop/src/vault/app/vault/view-custom-fields.component.html
@@ -3,16 +3,23 @@
     {{ "customFields" | i18n }}
   </h2>
   <div class="box-content">
-    <div class="box-content-row box-content-row-flex" *ngFor="let field of cipher.fields">
+    <div
+      class="box-content-row box-content-row-flex"
+      *ngFor="let field of cipher.fields; index as i"
+    >
       <div class="row-main">
         <span
           *ngIf="field.type != fieldType.Linked"
           class="row-label draggable"
           draggable="true"
           (dragstart)="setTextDataOnDrag($event, field.value)"
-          >{{ field.name }}</span
+          [id]="'customField-' + i"
         >
-        <span *ngIf="field.type === fieldType.Linked" class="row-label">{{ field.name }}</span>
+          {{ field.name }}
+        </span>
+        <span *ngIf="field.type === fieldType.Linked" class="row-label">
+          {{ "cfTypeLinked" | i18n }}: {{ field.name }}
+        </span>
         <div *ngIf="field.type === fieldType.Text">
           {{ field.value || "&nbsp;" }}
         </div>
@@ -29,19 +36,14 @@
           ></span>
         </div>
         <div *ngIf="field.type === fieldType.Boolean">
-          <i class="bwi bwi-check-square" *ngIf="field.value === 'true'" aria-hidden="true"></i>
-          <i class="bwi bwi-square" *ngIf="field.value !== 'true'" aria-hidden="true"></i>
-          <span class="sr-only">{{ field.value }}</span>
+          <input
+            type="checkbox"
+            [checked]="field.value === 'true'"
+            disabled="true"
+            [attr.aria-labelledby]="'customField-' + i"
+          />
         </div>
         <div *ngIf="field.type === fieldType.Linked" class="box-content-row-flex">
-          <div class="icon icon-small">
-            <i
-              class="bwi bwi-link"
-              aria-hidden="true"
-              appA11yTitle="{{ 'linkedValue' | i18n }}"
-            ></i>
-            <span class="sr-only">{{ "linkedValue" | i18n }}</span>
-          </div>
           <span>{{ cipher.linkedFieldI18nKey(field.linkedId) | i18n }}</span>
         </div>
       </div>
diff --git a/apps/desktop/src/vault/app/vault/view.component.html b/apps/desktop/src/vault/app/vault/view.component.html
index 92bd64395eb..ef13272abbc 100644
--- a/apps/desktop/src/vault/app/vault/view.component.html
+++ b/apps/desktop/src/vault/app/vault/view.component.html
@@ -535,7 +535,7 @@
               *ngIf="u.canLaunch"
               (click)="launch(u)"
             >
-              <i class="bwi bwi-lg bwi-share-square" aria-hidden="true"></i>
+              <i class="bwi bwi-lg bwi-external-link" aria-hidden="true"></i>
             </button>
             <button
               type="button"
diff --git a/apps/web/src/app/admin-console/organizations/guards/is-enterprise-org.guard.ts b/apps/web/src/app/admin-console/organizations/guards/is-enterprise-org.guard.ts
index c79abed583c..d989c9dc744 100644
--- a/apps/web/src/app/admin-console/organizations/guards/is-enterprise-org.guard.ts
+++ b/apps/web/src/app/admin-console/organizations/guards/is-enterprise-org.guard.ts
@@ -59,7 +59,7 @@ export function isEnterpriseOrgGuard(showError: boolean = true): CanActivateFn {
           content: { key: "onlyAvailableForEnterpriseOrganization" },
           acceptButtonText: { key: "upgradeOrganization" },
           type: "info",
-          icon: "bwi-arrow-circle-up",
+          icon: "bwi-plus-circle",
         });
         if (upgradeConfirmed) {
           await router.navigate(["organizations", org.id, "billing", "subscription"], {
diff --git a/apps/web/src/app/admin-console/organizations/guards/is-paid-org.guard.ts b/apps/web/src/app/admin-console/organizations/guards/is-paid-org.guard.ts
index 9a59c884ee7..16ae955659c 100644
--- a/apps/web/src/app/admin-console/organizations/guards/is-paid-org.guard.ts
+++ b/apps/web/src/app/admin-console/organizations/guards/is-paid-org.guard.ts
@@ -58,7 +58,7 @@ export function isPaidOrgGuard(): CanActivateFn {
           content: { key: "upgradeOrganizationCloseSecurityGapsDesc" },
           acceptButtonText: { key: "upgradeOrganization" },
           type: "info",
-          icon: "bwi-arrow-circle-up",
+          icon: "bwi-plus-circle",
         });
         if (upgradeConfirmed) {
           await router.navigate(["organizations", org.id, "billing", "subscription"], {
diff --git a/apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html b/apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html
index c515722fbef..47846c77571 100644
--- a/apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html
+++ b/apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html
@@ -64,7 +64,7 @@
       </ng-container>
     </bit-nav-group>
     <bit-nav-item
-      icon="bwi-providers"
+      icon="bwi-msp"
       [text]="'integrations' | i18n"
       route="integrations"
       *ngIf="integrationPageEnabled$ | async"
diff --git a/apps/web/src/app/admin-console/organizations/members/services/delete-managed-member/delete-managed-member-warning.service.ts b/apps/web/src/app/admin-console/organizations/members/services/delete-managed-member/delete-managed-member-warning.service.ts
index 53ca0bbcaf8..17fece7732b 100644
--- a/apps/web/src/app/admin-console/organizations/members/services/delete-managed-member/delete-managed-member-warning.service.ts
+++ b/apps/web/src/app/admin-console/organizations/members/services/delete-managed-member/delete-managed-member-warning.service.ts
@@ -50,7 +50,7 @@ export class DeleteManagedMemberWarningService {
         key: "deleteManagedUserWarningDesc",
       },
       type: "danger",
-      icon: "bwi-exclamation-circle",
+      icon: "bwi-exclamation-triangle",
       acceptButtonText: { key: "continue" },
       cancelButtonText: { key: "cancel" },
     });
diff --git a/apps/web/src/app/admin-console/organizations/policies/reset-password.component.html b/apps/web/src/app/admin-console/organizations/policies/reset-password.component.html
index 68c1923eb43..17847897fa8 100644
--- a/apps/web/src/app/admin-console/organizations/policies/reset-password.component.html
+++ b/apps/web/src/app/admin-console/organizations/policies/reset-password.component.html
@@ -2,7 +2,7 @@
   {{ "keyConnectorPolicyRestriction" | i18n }}
 </bit-callout>
 
-<bit-callout type="success" [title]="'prerequisite' | i18n" icon="bwi-lightbulb">
+<bit-callout type="info" [title]="'prerequisite' | i18n">
   {{ "accountRecoverySingleOrgRequirementDesc" | i18n }}
 </bit-callout>
 
diff --git a/apps/web/src/app/billing/organizations/change-plan-dialog.component.ts b/apps/web/src/app/billing/organizations/change-plan-dialog.component.ts
index a11858f3be8..68f65f81c66 100644
--- a/apps/web/src/app/billing/organizations/change-plan-dialog.component.ts
+++ b/apps/web/src/app/billing/organizations/change-plan-dialog.component.ts
@@ -965,9 +965,8 @@ export class ChangePlanDialogComponent implements OnInit, OnDestroy {
       case PaymentMethodType.Card:
         return ["bwi-credit-card"];
       case PaymentMethodType.BankAccount:
-        return ["bwi-bank"];
       case PaymentMethodType.Check:
-        return ["bwi-money"];
+        return ["bwi-billing"];
       case PaymentMethodType.PayPal:
         return ["bwi-paypal text-primary"];
       default:
diff --git a/apps/web/src/app/billing/organizations/payment-method/organization-payment-method.component.ts b/apps/web/src/app/billing/organizations/payment-method/organization-payment-method.component.ts
index a13913dabf3..b4064bb1d87 100644
--- a/apps/web/src/app/billing/organizations/payment-method/organization-payment-method.component.ts
+++ b/apps/web/src/app/billing/organizations/payment-method/organization-payment-method.component.ts
@@ -222,9 +222,8 @@ export class OrganizationPaymentMethodComponent implements OnDestroy {
       case PaymentMethodType.Card:
         return ["bwi-credit-card"];
       case PaymentMethodType.BankAccount:
-        return ["bwi-bank"];
       case PaymentMethodType.Check:
-        return ["bwi-money"];
+        return ["bwi-billing"];
       case PaymentMethodType.PayPal:
         return ["bwi-paypal text-primary"];
       default:
diff --git a/apps/web/src/app/billing/shared/billing-history.component.html b/apps/web/src/app/billing/shared/billing-history.component.html
index 1a471e2098a..7e73a0e035e 100644
--- a/apps/web/src/app/billing/shared/billing-history.component.html
+++ b/apps/web/src/app/billing/shared/billing-history.component.html
@@ -15,7 +15,7 @@
             class="tw-mr-2"
             appA11yTitle="{{ 'downloadInvoice' | i18n }}"
           >
-            <i class="bwi bwi-file-pdf" aria-hidden="true"></i
+            <i class="bwi bwi-file-text" aria-hidden="true"></i
           ></a>
           <a
             bitLink
@@ -34,7 +34,7 @@
             {{ "paid" | i18n }}
           </span>
           <span *ngIf="!i.paid">
-            <i class="bwi bwi-exclamation-circle tw-text-muted" aria-hidden="true"></i>
+            <i class="bwi bwi-error tw-text-muted" aria-hidden="true"></i>
             {{ "unpaid" | i18n }}
           </span>
         </td>
@@ -59,7 +59,7 @@
             class="tw-mr-2"
             appA11yTitle="{{ 'downloadInvoice' | i18n }}"
           >
-            <i class="bwi bwi-file-pdf" aria-hidden="true"></i
+            <i class="bwi bwi-file-text" aria-hidden="true"></i
           ></a>
           <a
             bitLink
@@ -78,7 +78,7 @@
             {{ "paid" | i18n }}
           </span>
           <span *ngIf="!i.paid">
-            <i class="bwi bwi-exclamation-circle tw-text-muted" aria-hidden="true"></i>
+            <i class="bwi bwi-error tw-text-muted" aria-hidden="true"></i>
             {{ "unpaid" | i18n }}
           </span>
         </td>
diff --git a/apps/web/src/app/billing/shared/billing-history.component.ts b/apps/web/src/app/billing/shared/billing-history.component.ts
index 96a8a10ebb0..1994c53a375 100644
--- a/apps/web/src/app/billing/shared/billing-history.component.ts
+++ b/apps/web/src/app/billing/shared/billing-history.component.ts
@@ -31,7 +31,7 @@ export class BillingHistoryComponent {
         return ["bwi-credit-card"];
       case PaymentMethodType.BankAccount:
       case PaymentMethodType.WireTransfer:
-        return ["bwi-bank"];
+        return ["bwi-billing"];
       case PaymentMethodType.BitPay:
         return ["bwi-bitcoin text-warning"];
       case PaymentMethodType.PayPal:
diff --git a/apps/web/src/app/billing/shared/payment-method.component.ts b/apps/web/src/app/billing/shared/payment-method.component.ts
index 113a0eab6ca..f7d4480c4d4 100644
--- a/apps/web/src/app/billing/shared/payment-method.component.ts
+++ b/apps/web/src/app/billing/shared/payment-method.component.ts
@@ -237,9 +237,8 @@ export class PaymentMethodComponent implements OnInit, OnDestroy {
       case PaymentMethodType.Card:
         return ["bwi-credit-card"];
       case PaymentMethodType.BankAccount:
-        return ["bwi-bank"];
       case PaymentMethodType.Check:
-        return ["bwi-money"];
+        return ["bwi-billing"];
       case PaymentMethodType.PayPal:
         return ["bwi-paypal text-primary"];
       default:
diff --git a/apps/web/src/app/billing/shared/payment/payment.component.html b/apps/web/src/app/billing/shared/payment/payment.component.html
index 34b2c54d8b5..c86975cd0e8 100644
--- a/apps/web/src/app/billing/shared/payment/payment.component.html
+++ b/apps/web/src/app/billing/shared/payment/payment.component.html
@@ -13,7 +13,7 @@
         *ngIf="showBankAccount"
       >
         <bit-label>
-          <i class="bwi bwi-fw bwi-bank" aria-hidden="true"></i>
+          <i class="bwi bwi-fw bwi-billing" aria-hidden="true"></i>
           {{ "bankAccount" | i18n }}
         </bit-label>
       </bit-radio-button>
diff --git a/apps/web/src/app/core/event.service.ts b/apps/web/src/app/core/event.service.ts
index d4a9c866fba..b19f2a0ca8f 100644
--- a/apps/web/src/app/core/event.service.ts
+++ b/apps/web/src/app/core/event.service.ts
@@ -499,45 +499,45 @@ export class EventService {
 
     switch (ev.deviceType) {
       case DeviceType.Android:
-        return ["bwi-android", this.i18nService.t("mobile") + " - Android"];
+        return ["bwi-mobile", this.i18nService.t("mobile") + " - Android"];
       case DeviceType.iOS:
-        return ["bwi-apple", this.i18nService.t("mobile") + " - iOS"];
+        return ["bwi-mobile", this.i18nService.t("mobile") + " - iOS"];
       case DeviceType.UWP:
-        return ["bwi-windows", this.i18nService.t("mobile") + " - Windows"];
+        return ["bwi-mobile", this.i18nService.t("mobile") + " - Windows"];
       case DeviceType.ChromeExtension:
-        return ["bwi-chrome", this.i18nService.t("extension") + " - Chrome"];
+        return ["bwi-puzzle", this.i18nService.t("extension") + " - Chrome"];
       case DeviceType.FirefoxExtension:
-        return ["bwi-firefox", this.i18nService.t("extension") + " - Firefox"];
+        return ["bwi-puzzle", this.i18nService.t("extension") + " - Firefox"];
       case DeviceType.OperaExtension:
-        return ["bwi-opera", this.i18nService.t("extension") + " - Opera"];
+        return ["bwi-puzzle", this.i18nService.t("extension") + " - Opera"];
       case DeviceType.EdgeExtension:
-        return ["bwi-edge", this.i18nService.t("extension") + " - Edge"];
+        return ["bwi-puzzle", this.i18nService.t("extension") + " - Edge"];
       case DeviceType.VivaldiExtension:
         return ["bwi-puzzle", this.i18nService.t("extension") + " - Vivaldi"];
       case DeviceType.SafariExtension:
-        return ["bwi-safari", this.i18nService.t("extension") + " - Safari"];
+        return ["bwi-puzzle", this.i18nService.t("extension") + " - Safari"];
       case DeviceType.WindowsDesktop:
-        return ["bwi-windows", this.i18nService.t("desktop") + " - Windows"];
+        return ["bwi-desktop", this.i18nService.t("desktop") + " - Windows"];
       case DeviceType.MacOsDesktop:
-        return ["bwi-apple", this.i18nService.t("desktop") + " - macOS"];
+        return ["bwi-desktop", this.i18nService.t("desktop") + " - macOS"];
       case DeviceType.LinuxDesktop:
-        return ["bwi-linux", this.i18nService.t("desktop") + " - Linux"];
+        return ["bwi-desktop", this.i18nService.t("desktop") + " - Linux"];
       case DeviceType.ChromeBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Chrome"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Chrome"];
       case DeviceType.FirefoxBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Firefox"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Firefox"];
       case DeviceType.OperaBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Opera"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Opera"];
       case DeviceType.SafariBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Safari"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Safari"];
       case DeviceType.VivaldiBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Vivaldi"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Vivaldi"];
       case DeviceType.EdgeBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - Edge"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - Edge"];
       case DeviceType.IEBrowser:
-        return ["bwi-globe", this.i18nService.t("webVault") + " - IE"];
+        return ["bwi-browser", this.i18nService.t("webVault") + " - IE"];
       case DeviceType.Server:
-        return ["bwi-server", this.i18nService.t("server")];
+        return ["bwi-user-monitor", this.i18nService.t("server")];
       case DeviceType.WindowsCLI:
         return ["bwi-cli", this.i18nService.t("cli") + " - Windows"];
       case DeviceType.MacOsCLI:
@@ -546,7 +546,7 @@ export class EventService {
         return ["bwi-cli", this.i18nService.t("cli") + " - Linux"];
       case DeviceType.UnknownBrowser:
         return [
-          "bwi-globe",
+          "bwi-browser",
           this.i18nService.t("webVault") + " - " + this.i18nService.t("unknown"),
         ];
       default:
diff --git a/apps/web/src/app/settings/domain-rules.component.html b/apps/web/src/app/settings/domain-rules.component.html
index 7e9e7d6ed64..7474b63372d 100644
--- a/apps/web/src/app/settings/domain-rules.component.html
+++ b/apps/web/src/app/settings/domain-rules.component.html
@@ -59,22 +59,22 @@
           <td bitCell>
             <button
               type="button"
-              bitIconButton="bwi-cog"
+              bitIconButton="bwi-ellipsis-v"
               buttonType="secondary"
               [bitMenuTriggerFor]="appListDropdown"
               class="tw-border-0 tw-bg-transparent tw-p-0"
             ></button>
             <bit-menu #appListDropdown>
               <a href="#" bitMenuItem appStopClick (click)="toggleExcluded(d)" *ngIf="!d.excluded">
-                <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
+                <i class="bwi bwi-fw bwi-minus-circle" aria-hidden="true"></i>
                 {{ "exclude" | i18n }}
               </a>
               <a href="#" bitMenuItem appStopClick (click)="toggleExcluded(d)" *ngIf="d.excluded">
-                <i class="bwi bwi-fw bwi-plus" aria-hidden="true"></i>
+                <i class="bwi bwi-fw bwi-plus-circle" aria-hidden="true"></i>
                 {{ "include" | i18n }}
               </a>
               <a href="#" bitMenuItem appStopClick (click)="customize(d)">
-                <i class="bwi bwi-fw bwi-cut" aria-hidden="true"></i>
+                <i class="bwi bwi-fw bwi-pencil-square" aria-hidden="true"></i>
                 {{ "customize" | i18n }}
               </a>
             </bit-menu>
diff --git a/apps/web/src/app/shared/components/onboarding/onboarding.component.html b/apps/web/src/app/shared/components/onboarding/onboarding.component.html
index ecf1eb75dd1..2433ec51fcc 100644
--- a/apps/web/src/app/shared/components/onboarding/onboarding.component.html
+++ b/apps/web/src/app/shared/components/onboarding/onboarding.component.html
@@ -1,7 +1,6 @@
 <details #details class="tw-rounded-sm tw-bg-background-alt tw-text-main" (toggle)="toggle()" open>
   <summary class="tw-list-none tw-p-2 tw-px-4">
     <div class="tw-flex tw-select-none tw-items-center tw-gap-4">
-      <i class="bwi bwi-dashboard tw-text-3xl tw-text-primary-600" aria-hidden="true"></i>
       <div class="tw-text-lg">{{ title }}</div>
       <bit-progress class="tw-flex-1" [showText]="false" [barWidth]="barWidth"></bit-progress>
       <span *ngIf="tasks.length > 0; else spinner">
diff --git a/apps/web/src/app/tools/send/send.component.html b/apps/web/src/app/tools/send/send.component.html
index e1d921af940..72e3031398b 100644
--- a/apps/web/src/app/tools/send/send.component.html
+++ b/apps/web/src/app/tools/send/send.component.html
@@ -121,7 +121,7 @@
               </ng-container>
               <ng-container *ngIf="s.maxAccessCountReached">
                 <i
-                  class="bwi bwi-ban"
+                  class="bwi bwi-exclamation-triangle"
                   appStopProp
                   title="{{ 'maxAccessCountReached' | i18n }}"
                   aria-hidden="true"
diff --git a/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html b/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
index ef6a347f7d3..f43cfae348c 100644
--- a/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
@@ -130,7 +130,7 @@
         target="_blank"
         rel="noreferrer"
       >
-        <i class="bwi bwi-fw bwi-share-square" aria-hidden="true"></i>
+        <i class="bwi bwi-fw bwi-external-link" aria-hidden="true"></i>
         {{ "launch" | i18n }}
       </a>
     </ng-container>
diff --git a/apps/web/src/app/vault/individual-vault/add-edit.component.html b/apps/web/src/app/vault/individual-vault/add-edit.component.html
index 2589081d137..29de65efcd5 100644
--- a/apps/web/src/app/vault/individual-vault/add-edit.component.html
+++ b/apps/web/src/app/vault/individual-vault/add-edit.component.html
@@ -363,7 +363,7 @@
                       (click)="launch(u)"
                       [disabled]="!u.canLaunch"
                     >
-                      <i class="bwi bwi-lg bwi-share-square" aria-hidden="true"></i>
+                      <i class="bwi bwi-lg bwi-external-link" aria-hidden="true"></i>
                     </button>
                     <button
                       type="button"
diff --git a/apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html b/apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html
index 0fe243ed20a..88719b93643 100644
--- a/apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html
@@ -46,12 +46,10 @@
           bitMenuItem
           (click)="unlinkSso(organization)"
         >
-          <i class="bwi bwi-fw bwi-chain-broken" aria-hidden="true"></i>
           {{ "unlinkSso" | i18n }}
         </button>
         <ng-template #linkSso>
           <button type="button" bitMenuItem (click)="handleLinkSso(organization)">
-            <i class="bwi bwi-fw bwi-link" aria-hidden="true"></i>
             {{ "linkSso" | i18n }}
           </button>
         </ng-template>
diff --git a/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html b/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
index bf82fbd160b..1623fd34a3a 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
+++ b/bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html
@@ -3,7 +3,7 @@
     <bit-nav-logo [openIcon]="logo" route="." [label]="'providerPortal' | i18n"></bit-nav-logo>
 
     <bit-nav-item
-      icon="bwi-bank"
+      icon="bwi-provider"
       [text]="'clients' | i18n"
       [route]="(isBillable | async) ? 'manage-client-organizations' : 'clients'"
     ></bit-nav-item>
@@ -30,7 +30,7 @@
       <bit-nav-item [text]="'billingHistory' | i18n" route="billing/history"></bit-nav-item>
     </bit-nav-group>
     <bit-nav-item
-      icon="bwi-cogs"
+      icon="bwi-cog"
       [text]="'settings' | i18n"
       route="settings"
       *ngIf="showSettingsTab(provider)"
diff --git a/bitwarden_license/bit-web/src/app/billing/providers/clients/manage-clients.component.html b/bitwarden_license/bit-web/src/app/billing/providers/clients/manage-clients.component.html
index 85309e55bd9..f75c4f3d651 100644
--- a/bitwarden_license/bit-web/src/app/billing/providers/clients/manage-clients.component.html
+++ b/bitwarden_license/bit-web/src/app/billing/providers/clients/manage-clients.component.html
@@ -17,7 +17,7 @@
         {{ "newClient" | i18n }}
       </button>
       <button type="button" bitMenuItem (click)="addExistingOrganization()">
-        <i aria-hidden="true" class="bwi bwi-sitemap"></i>
+        <i aria-hidden="true" class="bwi bwi-filter"></i>
         {{ "existingOrganization" | i18n }}
       </button>
     </bit-menu>
diff --git a/bitwarden_license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts b/bitwarden_license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts
index 3d9388877fd..657d16d9380 100644
--- a/bitwarden_license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts
+++ b/bitwarden_license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts
@@ -182,9 +182,8 @@ export class ProviderSubscriptionComponent implements OnInit, OnDestroy {
       case PaymentMethodType.Card:
         return ["bwi-credit-card"];
       case PaymentMethodType.BankAccount:
-        return ["bwi-bank"];
       case PaymentMethodType.Check:
-        return ["bwi-money"];
+        return ["bwi-billing"];
       case PaymentMethodType.PayPal:
         return ["bwi-paypal text-primary"];
       default:
diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/layout/navigation.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/layout/navigation.component.html
index 2ee5ea5037f..0ea8caef4d6 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/layout/navigation.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/layout/navigation.component.html
@@ -32,7 +32,7 @@
     </div>
   </bit-nav-item>
   <bit-nav-item
-    icon="bwi-providers"
+    icon="bwi-msp"
     [text]="'integrations' | i18n"
     route="integrations"
     [relativeTo]="route.parent"
diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/shared/new-menu.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/shared/new-menu.component.html
index 2238fa9fc87..132324ecc66 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/shared/new-menu.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/shared/new-menu.component.html
@@ -5,7 +5,7 @@
 
 <bit-menu #newMenu>
   <button type="button" bitMenuItem (click)="openProjectDialog()">
-    <i class="bwi bwi-fw bwi-sitemap" aria-hidden="true"></i>
+    <i class="bwi bwi-fw bwi-collection" aria-hidden="true"></i>
     {{ "project" | i18n }}
   </button>
   <button type="button" bitMenuItem (click)="openSecretDialog()">
diff --git a/libs/angular/src/billing/components/invoices/invoices.component.html b/libs/angular/src/billing/components/invoices/invoices.component.html
index 634baa4fa7f..863fe3f5b5c 100644
--- a/libs/angular/src/billing/components/invoices/invoices.component.html
+++ b/libs/angular/src/billing/components/invoices/invoices.component.html
@@ -35,7 +35,7 @@
           {{ "open" | i18n | titlecase }}
         </span>
         <span *ngIf="expandedInvoiceStatus === 'unpaid'">
-          <i class="bwi bwi-exclamation-circle tw-text-muted" aria-hidden="true"></i>
+          <i class="bwi bwi-error tw-text-muted" aria-hidden="true"></i>
           {{ "unpaid" | i18n | titlecase }}
         </span>
         <span *ngIf="expandedInvoiceStatus === 'paid'">
diff --git a/libs/components/src/stories/icons.mdx b/libs/components/src/stories/icons.mdx
index f16b5d56b16..79eaa382395 100644
--- a/libs/components/src/stories/icons.mdx
+++ b/libs/components/src/stories/icons.mdx
@@ -14,11 +14,8 @@ or an options menu icon.
 
 | Icon                                         | bwi-name                 | Usage                                                                                                                                                                                     |
 | -------------------------------------------- | ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <i class="bwi bwi-ban"></i>                  | bwi-ban                  | option or feature not available. Example: send maximum access count was reached                                                                                                           |
 | <i class="bwi bwi-check"></i>                | bwi-check                | confirmation action (Example: "confirm member"), successful confirmation (toast or callout), or shows currently selected option in a menu. Use with success color variable if applicable. |
 | <i class="bwi bwi-error"></i>                | bwi-error                | error; used in form field error states and error toasts, banners, and callouts. Do not use as a close or clear icon. Use with danger color variable.                                      |
-| <i class="bwi bwi-expired"></i>              | bwi-expired              | -                                                                                                                                                                                         |
-| <i class="bwi bwi-exclamation-circle"></i>   | bwi-exclamation-circle   | deprecated error icon; use bwi-error                                                                                                                                                      |
 | <i class="bwi bwi-exclamation-triangle"></i> | bwi-exclamation-triangle | warning; used in warning callouts, banners, and toasts. Use with warning color variable.                                                                                                  |
 | <i class="bwi bwi-info-circle"></i>          | bwi-info-circle          | information; used in info callouts, banners, and toasts. Use with info color variable.                                                                                                    |
 | <i class="bwi bwi-question-circle"></i>      | bwi-question-circle      | link to help documentation or hover tooltip                                                                                                                                               |
@@ -26,34 +23,31 @@ or an options menu icon.
 
 ## Bitwarden Objects
 
-| Icon                                  | bwi-name          | Usage                                               |
-| ------------------------------------- | ----------------- | --------------------------------------------------- |
-| <i class="bwi bwi-authenticator"></i> | bwi-authenticator | authenticator app                                   |
-| <i class="bwi bwi-business"></i>      | bwi-business      | organization or vault for Free, Teams or Enterprise |
-| <i class="bwi bwi-collection"></i>    | bwi-collection    | collection                                          |
-| <i class="bwi bwi-credit-card"></i>   | bwi-credit-card   | card item type                                      |
-| <i class="bwi bwi-family"></i>        | bwi-family        | family vault or organization                        |
-| <i class="bwi bwi-folder"></i>        | bwi-folder        | folder                                              |
-| <i class="bwi bwi-globe"></i>         | bwi-globe         | login item type                                     |
-| <i class="bwi bwi-id-card"></i>       | bwi-id-card       | identity item type                                  |
-| <i class="bwi bwi-send"></i>          | bwi-send          | send action or feature                              |
-| <i class="bwi bwi-send-f"></i>        | bwi-send-f        | -                                                   |
-| <i class="bwi bwi-sticky-note"></i>   | bwi-sticky-note   | secure note item type                               |
-| <i class="bwi bwi-users"></i>         | bwi-users         | user group                                          |
-| <i class="bwi bwi-vault"></i>         | bwi-vault         | general vault                                       |
-| <i class="bwi bwi-vault-f"></i>       | bwi-vault-f       | general vault                                       |
+| Icon                                | bwi-name        | Usage                                               |
+| ----------------------------------- | --------------- | --------------------------------------------------- |
+| <i class="bwi bwi-business"></i>    | bwi-business    | organization or vault for Free, Teams or Enterprise |
+| <i class="bwi bwi-collection"></i>  | bwi-collection  | collection                                          |
+| <i class="bwi bwi-credit-card"></i> | bwi-credit-card | card item type                                      |
+| <i class="bwi bwi-family"></i>      | bwi-family      | family vault or organization                        |
+| <i class="bwi bwi-folder"></i>      | bwi-folder      | folder                                              |
+| <i class="bwi bwi-globe"></i>       | bwi-globe       | login item type                                     |
+| <i class="bwi bwi-id-card"></i>     | bwi-id-card     | identity item type                                  |
+| <i class="bwi bwi-send"></i>        | bwi-send        | send action or feature                              |
+| <i class="bwi bwi-send-f"></i>      | bwi-send-f      | -                                                   |
+| <i class="bwi bwi-sticky-note"></i> | bwi-sticky-note | secure note item type                               |
+| <i class="bwi bwi-users"></i>       | bwi-users       | user group                                          |
+| <i class="bwi bwi-vault"></i>       | bwi-vault       | general vault                                       |
+| <i class="bwi bwi-vault-f"></i>     | bwi-vault-f     | general vault                                       |
 
 ## Actions
 
 | Icon                                   | bwi-name           | Usage                                        |
 | -------------------------------------- | ------------------ | -------------------------------------------- |
 | <i class="bwi bwi-check-circle"></i>   | bwi-check-circle   | check if password has been exposed           |
-| <i class="bwi bwi-check-square"></i>   | bwi-check-square   | select all action                            |
 | <i class="bwi bwi-clone"></i>          | bwi-clone          | copy to clipboard action                     |
 | <i class="bwi bwi-close"></i>          | bwi-close          | close action                                 |
 | <i class="bwi bwi-cog"></i>            | bwi-cog            | settings                                     |
 | <i class="bwi bwi-cog-f"></i>          | bwi-cog-f          | settings                                     |
-| <i class="bwi bwi-cogs"></i>           | bwi-cogs           | deprecated; do not use in app.               |
 | <i class="bwi bwi-download"></i>       | bwi-download       | download or export                           |
 | <i class="bwi bwi-envelope"></i>       | bwi-envelope       | action related to emailing a user            |
 | <i class="bwi bwi-external-link"></i>  | bwi-external-link  | open in new window or popout                 |
@@ -66,141 +60,81 @@ or an options menu icon.
 | <i class="bwi bwi-lock-encrypted"></i> | bwi-lock-encrypted | -                                            |
 | <i class="bwi bwi-lock-f"></i>         | bwi-lock-f         | -                                            |
 | <i class="bwi bwi-minus-circle"></i>   | bwi-minus-circle   | remove action                                |
-| <i class="bwi bwi-minus-square"></i>   | bwi-minus-square   | unselect all action                          |
-| <i class="bwi bwi-paste"></i>          | bwi-paste          | paste from clipboard action                  |
 | <i class="bwi bwi-pencil-square"></i>  | bwi-pencil-square  | edit action                                  |
 | <i class="bwi bwi-popout"></i>         | bwi-popout         | popout action                                |
-| <i class="bwi bwi-play"></i>           | bwi-play           | start or play action                         |
 | <i class="bwi bwi-plus"></i>           | bwi-plus           | new or add option in contained buttons/links |
 | <i class="bwi bwi-plus-f"></i>         | bwi-plus-f         | new or add option in contained buttons/links |
 | <i class="bwi bwi-plus-circle"></i>    | bwi-plus-circle    | new or add option in text buttons/links      |
-| <i class="bwi bwi-plus-square"></i>    | bwi-plus-square    | -                                            |
 | <i class="bwi bwi-refresh"></i>        | bwi-refresh        | "re"-action; such as refresh or regenerate   |
-| <i class="bwi bwi-refresh-tab"></i>    | bwi-refresh-tab    | -                                            |
 | <i class="bwi bwi-save"></i>           | bwi-save           | alternate download action                    |
-| <i class="bwi bwi-save-changes"></i>   | bwi-save-changes   | save changes action                          |
 | <i class="bwi bwi-search"></i>         | bwi-search         | search action                                |
 | <i class="bwi bwi-share"></i>          | bwi-share          | -                                            |
-| <i class="bwi bwi-share-arrow"></i>    | bwi-share-arrow    | -                                            |
-| <i class="bwi bwi-share-square"></i>   | bwi-share-square   | avoid using; use external-link instead       |
 | <i class="bwi bwi-sign-in"></i>        | bwi-sign-in        | sign-in action                               |
 | <i class="bwi bwi-sign-out"></i>       | bwi-sign-out       | sign-out action                              |
 | <i class="bwi bwi-star"></i>           | bwi-star           | favorite action                              |
 | <i class="bwi bwi-star-f"></i>         | bwi-star-f         | favorited / unfavorite action                |
-| <i class="bwi bwi-stop"></i>           | bwi-stop           | stop action                                  |
 | <i class="bwi bwi-trash"></i>          | bwi-trash          | delete action or trash area                  |
 | <i class="bwi bwi-undo"></i>           | bwi-undo           | restore action                               |
 | <i class="bwi bwi-unlock"></i>         | bwi-unlock         | unlocked                                     |
 
 ## Directional and Menu Indicators
 
-| Icon                                       | bwi-name               | Usage                                                   |
-| ------------------------------------------ | ---------------------- | ------------------------------------------------------- |
-| <i class="bwi bwi-angle-down"></i>         | bwi-angle-down         | closed dropdown or open expandable section              |
-| <i class="bwi bwi-angle-left"></i>         | bwi-angle-left         | -                                                       |
-| <i class="bwi bwi-angle-right"></i>        | bwi-angle-right        | closed expandable section                               |
-| <i class="bwi bwi-angle-up"></i>           | bwi-angle-up           | open dropdown                                           |
-| <i class="bwi bwi-arrow-circle-down"></i>  | bwi-arrow-circle-down  | -                                                       |
-| <i class="bwi bwi-arrow-circle-left"></i>  | bwi-arrow-circle-left  | -                                                       |
-| <i class="bwi bwi-arrow-circle-right"></i> | bwi-arrow-circle-right | -                                                       |
-| <i class="bwi bwi-arrow-circle-up"></i>    | bwi-arrow-circle-up    | -                                                       |
-| <i class="bwi bwi-back"></i>               | bwi-back               | back arrow                                              |
-| <i class="bwi bwi-caret-down"></i>         | bwi-caret-down         | table sort order                                        |
-| <i class="bwi bwi-caret-right"></i>        | bwi-caret-right        | -                                                       |
-| <i class="bwi bwi-caret-up"></i>           | bwi-caret-up           | table sort order                                        |
-| <i class="bwi bwi-dbl-angle-left"></i>     | bwi-dbl-angle-left     | -                                                       |
-| <i class="bwi bwi-dbl-angle-right"></i>    | bwi-dbl-angle-right    | -                                                       |
-| <i class="bwi bwi-down-solid"></i>         | bwi-down-solid         | table sort order                                        |
-| <i class="bwi bwi-ellipsis-h"></i>         | bwi-ellipsis-h         | more options menu horizontal; used in mobile list items |
-| <i class="bwi bwi-ellipsis-v"></i>         | bwi-ellipsis-v         | more options menu vertical; used primarily in tables    |
-| <i class="bwi bwi-filter"></i>             | bwi-filter             | Product switcher                                        |
-| <i class="bwi bwi-hamburger"></i>          | bwi-hamburger          | navigation indicator                                    |
-| <i class="bwi bwi-list"></i>               | bwi-list               | toggle list/grid view                                   |
-| <i class="bwi bwi-list-alt"></i>           | bwi-list-alt           | view item action in extension                           |
-| <i class="bwi bwi-long-arrow-right"></i>   | bwi-long-arrow-right   | -                                                       |
-| <i class="bwi bwi-numbered-list"></i>      | bwi-numbered-list      | toggle numbered list view                               |
-| <i class="bwi bwi-up-down-btn"></i>        | bwi-up-down-btn        | table sort order                                        |
-| <i class="bwi bwi-up-solid"></i>           | bwi-up-solid           | table sort order                                        |
+| Icon                                  | bwi-name          | Usage                                                   |
+| ------------------------------------- | ----------------- | ------------------------------------------------------- |
+| <i class="bwi bwi-angle-down"></i>    | bwi-angle-down    | closed dropdown or open expandable section              |
+| <i class="bwi bwi-angle-left"></i>    | bwi-angle-left    | -                                                       |
+| <i class="bwi bwi-angle-right"></i>   | bwi-angle-right   | closed expandable section                               |
+| <i class="bwi bwi-angle-up"></i>      | bwi-angle-up      | open dropdown                                           |
+| <i class="bwi bwi-back"></i>          | bwi-back          | back arrow                                              |
+| <i class="bwi bwi-down-solid"></i>    | bwi-down-solid    | table sort order                                        |
+| <i class="bwi bwi-ellipsis-h"></i>    | bwi-ellipsis-h    | more options menu horizontal; used in mobile list items |
+| <i class="bwi bwi-ellipsis-v"></i>    | bwi-ellipsis-v    | more options menu vertical; used primarily in tables    |
+| <i class="bwi bwi-filter"></i>        | bwi-filter        | Product switcher                                        |
+| <i class="bwi bwi-hamburger"></i>     | bwi-hamburger     | navigation indicator                                    |
+| <i class="bwi bwi-list"></i>          | bwi-list          | toggle list/grid view                                   |
+| <i class="bwi bwi-list-alt"></i>      | bwi-list-alt      | view item action in extension                           |
+| <i class="bwi bwi-numbered-list"></i> | bwi-numbered-list | toggle numbered list view                               |
+| <i class="bwi bwi-up-down-btn"></i>   | bwi-up-down-btn   | table sort order                                        |
+| <i class="bwi bwi-up-solid"></i>      | bwi-up-solid      | table sort order                                        |
 
 ## Misc Objects
 
-| Icon                                      | bwi-name              | Usage                                          |
-| ----------------------------------------- | --------------------- | ---------------------------------------------- |
-| <i class="bwi bwi-bank"></i>              | bwi-bank              | -                                              |
-| <i class="bwi bwi-billing"></i>           | bwi-billing           | billing options                                |
-| <i class="bwi bwi-bitcoin"></i>           | bwi-bitcoin           | crypto                                         |
-| <i class="bwi bwi-bolt"></i>              | bwi-bolt              | deprecated "danger" icon                       |
-| <i class="bwi bwi-bookmark"></i>          | bwi-bookmark          | bookmark or save related actions               |
-| <i class="bwi bwi-browser"></i>           | bwi-browser           | web browser                                    |
-| <i class="bwi bwi-browser-alt"></i>       | bwi-browser-alt       | web browser                                    |
-| <i class="bwi bwi-bug"></i>               | bwi-bug               | test or debug action                           |
-| <i class="bwi bwi-camera"></i>            | bwi-camera            | actions related to camera use                  |
-| <i class="bwi bwi-chain-broken"></i>      | bwi-chain-broken      | unlink action                                  |
-| <i class="bwi bwi-chat"></i>              | bwi-chat              | -                                              |
-| <i class="bwi bwi-cli"></i>               | bwi-cli               | cli client or code                             |
-| <i class="bwi bwi-clock"></i>             | bwi-clock             | use for time based actions or views            |
-| <i class="bwi bwi-community"></i>         | bwi-community         | -                                              |
-| <i class="bwi bwi-cut"></i>               | bwi-cut               | cut or omit actions                            |
-| <i class="bwi bwi-dashboard"></i>         | bwi-dashboard         | statuses or dashboard views                    |
-| <i class="bwi bwi-desktop"></i>           | bwi-desktop           | desktop client                                 |
-| <i class="bwi bwi-desktop-alt"></i>       | bwi-desktop-alt       | desktop client                                 |
-| <i class="bwi bwi-dollar"></i>            | bwi-dollar            | account credit                                 |
-| <i class="bwi bwi-file"></i>              | bwi-file              | file related objects or actions                |
-| <i class="bwi bwi-file-pdf"></i>          | bwi-file-pdf          | PDF related object or actions                  |
-| <i class="bwi bwi-file-text"></i>         | bwi-file-text         | text related objects or actions                |
-| <i class="bwi bwi-fingerprint"></i>       | bwi-fingerprint       | -                                              |
-| <i class="bwi bwi-bw-folder-open-f1"></i> | bwi-bw-folder-open-f1 | -                                              |
-| <i class="bwi bwi-folder-closed-f"></i>   | bwi-folder-closed-f   | -                                              |
-| <i class="bwi bwi-folder-open"></i>       | bwi-folder-open       | -                                              |
-| <i class="bwi bwi-frown"></i>             | bwi-frown             | -                                              |
-| <i class="bwi bwi-hashtag"></i>           | bwi-hashtag           | link to specific id                            |
-| <i class="bwi bwi-icon-1"></i>            | bwi-icon-1            | -                                              |
-| <i class="bwi bwi-icon-2"></i>            | bwi-icon-2            | -                                              |
-| <i class="bwi bwi-icon-3"></i>            | bwi-icon-3            | -                                              |
-| <i class="bwi bwi-icon-4"></i>            | bwi-icon-4            | -                                              |
-| <i class="bwi bwi-icon-5"></i>            | bwi-icon-5            | -                                              |
-| <i class="bwi bwi-icon-6"></i>            | bwi-icon-6            | -                                              |
-| <i class="bwi bwi-icon-7"></i>            | bwi-icon-7            | -                                              |
-| <i class="bwi bwi-icon-8"></i>            | bwi-icon-8            | -                                              |
-| <i class="bwi bwi-icon-9"></i>            | bwi-icon-9            | -                                              |
-| <i class="bwi bwi-insurance"></i>         | bwi-insurance         | -                                              |
-| <i class="bwi bwi-key"></i>               | bwi-key               | key or password related objects or actions     |
-| <i class="bwi bwi-learning"></i>          | bwi-learning          | learning center                                |
-| <i class="bwi bwi-lightbulb"></i>         | bwi-lightbulb         | -                                              |
-| <i class="bwi bwi-link"></i>              | bwi-link              | link action                                    |
-| <i class="bwi bwi-mobile"></i>            | bwi-mobile            | mobile client                                  |
-| <i class="bwi bwi-mobile-alt"></i>        | bwi-mobile-alt        | mobile client                                  |
-| <i class="bwi bwi-money"></i>             | bwi-money             | -                                              |
-| <i class="bwi bwi-msp"></i>               | bwi-msp               | -                                              |
-| <i class="bwi bwi-paperclip"></i>         | bwi-paperclip         | attachments                                    |
-| <i class="bwi bwi-passkey"></i>           | bwi-passkey           | passkey                                        |
-| <i class="bwi bwi-pencil"></i>            | bwi-pencil            | editing                                        |
-| <i class="bwi bwi-provider"></i>          | bwi-provider          | relates to provider or provider portal         |
-| <i class="bwi bwi-providers"></i>         | bwi-providers         | -                                              |
-| <i class="bwi bwi-puzzle"></i>            | bwi-puzzle            | -                                              |
-| <i class="bwi bwi-rocket"></i>            | bwi-rocket            | -                                              |
-| <i class="bwi bwi-rss"></i>               | bwi-rss               | -                                              |
-| <i class="bwi bwi-search-book"></i>       | bwi-search-book       | -                                              |
-| <i class="bwi bwi-server"></i>            | bwi-server            | -                                              |
-| <i class="bwi bwi-shield"></i>            | bwi-shield            | -                                              |
-| <i class="bwi bwi-sitemap"></i>           | bwi-sitemap           | -                                              |
-| <i class="bwi bwi-sliders"></i>           | bwi-sliders           | reporting or filtering                         |
-| <i class="bwi bwi-software-license"></i>  | bwi-software-license  | -                                              |
-| <i class="bwi bwi-square"></i>            | bwi-square            | -                                              |
-| <i class="bwi bwi-tag"></i>               | bwi-tag               | labels                                         |
-| <i class="bwi bwi-thumb-tack"></i>        | bwi-thumb-tack        | -                                              |
-| <i class="bwi bwi-thumbs-up"></i>         | bwi-thumbs-up         | -                                              |
-| <i class="bwi bwi-totp-codes"></i>        | bwi-totp-codes        | -                                              |
-| <i class="bwi bwi-totp-codes-alt"></i>    | bwi-totp-codes-alt    | -                                              |
-| <i class="bwi bwi-totp-codes-alt2"></i>   | bwi-totp-codes-alt2   | -                                              |
-| <i class="bwi bwi-universal-access"></i>  | bwi-universal-access  | use for accessibility related actions          |
-| <i class="bwi bwi-user"></i>              | bwi-user              | relates to current user or organization member |
-| <i class="bwi bwi-user-circle"></i>       | bwi-user-circle       | -                                              |
-| <i class="bwi bwi-user-f"></i>            | bwi-user-f            | -                                              |
-| <i class="bwi bwi-user-monitor"></i>      | bwi-user-monitor      | -                                              |
-| <i class="bwi bwi-wand"></i>              | bwi-wand              | -                                              |
-| <i class="bwi bwi-wireless"></i>          | bwi-wireless          | -                                              |
-| <i class="bwi bwi-wrench"></i>            | bwi-wrench            | tools or additional configuration options      |
+| Icon                                     | bwi-name             | Usage                                          |
+| ---------------------------------------- | -------------------- | ---------------------------------------------- |
+| <i class="bwi bwi-billing"></i>          | bwi-billing          | billing options                                |
+| <i class="bwi bwi-bitcoin"></i>          | bwi-bitcoin          | crypto                                         |
+| <i class="bwi bwi-browser"></i>          | bwi-browser          | web browser                                    |
+| <i class="bwi bwi-browser-alt"></i>      | bwi-browser-alt      | web browser                                    |
+| <i class="bwi bwi-bug"></i>              | bwi-bug              | test or debug action                           |
+| <i class="bwi bwi-camera"></i>           | bwi-camera           | actions related to camera use                  |
+| <i class="bwi bwi-cli"></i>              | bwi-cli              | cli client or code                             |
+| <i class="bwi bwi-clock"></i>            | bwi-clock            | use for time based actions or views            |
+| <i class="bwi bwi-community"></i>        | bwi-community        | -                                              |
+| <i class="bwi bwi-desktop"></i>          | bwi-desktop          | desktop client                                 |
+| <i class="bwi bwi-dollar"></i>           | bwi-dollar           | account credit                                 |
+| <i class="bwi bwi-file"></i>             | bwi-file             | file related objects or actions                |
+| <i class="bwi bwi-file-text"></i>        | bwi-file-text        | text related objects or actions                |
+| <i class="bwi bwi-hashtag"></i>          | bwi-hashtag          | link to specific id                            |
+| <i class="bwi bwi-key"></i>              | bwi-key              | key or password related objects or actions     |
+| <i class="bwi bwi-link"></i>             | bwi-link             | link action                                    |
+| <i class="bwi bwi-mobile"></i>           | bwi-mobile           | mobile client                                  |
+| <i class="bwi bwi-msp"></i>              | bwi-msp              | -                                              |
+| <i class="bwi bwi-paperclip"></i>        | bwi-paperclip        | attachments                                    |
+| <i class="bwi bwi-passkey"></i>          | bwi-passkey          | passkey                                        |
+| <i class="bwi bwi-pencil"></i>           | bwi-pencil           | editing                                        |
+| <i class="bwi bwi-provider"></i>         | bwi-provider         | relates to provider or provider portal         |
+| <i class="bwi bwi-puzzle"></i>           | bwi-puzzle           | -                                              |
+| <i class="bwi bwi-shield"></i>           | bwi-shield           | -                                              |
+| <i class="bwi bwi-sliders"></i>          | bwi-sliders          | reporting or filtering                         |
+| <i class="bwi bwi-tag"></i>              | bwi-tag              | labels                                         |
+| <i class="bwi bwi-totp-codes"></i>       | bwi-totp-codes       | -                                              |
+| <i class="bwi bwi-totp-codes-alt"></i>   | bwi-totp-codes-alt   | -                                              |
+| <i class="bwi bwi-totp-codes-alt2"></i>  | bwi-totp-codes-alt2  | -                                              |
+| <i class="bwi bwi-universal-access"></i> | bwi-universal-access | use for accessibility related actions          |
+| <i class="bwi bwi-user"></i>             | bwi-user             | relates to current user or organization member |
+| <i class="bwi bwi-user-monitor"></i>     | bwi-user-monitor     | -                                              |
+| <i class="bwi bwi-wireless"></i>         | bwi-wireless         | -                                              |
+| <i class="bwi bwi-wrench"></i>           | bwi-wrench           | tools or additional configuration options      |
 
 ## Platforms and Logos