From 54f0c0a46a8065c8ba582a1185e7c927eda672b1 Mon Sep 17 00:00:00 2001
From: Alec Rippberger <alec@livefront.com>
Date: Mon, 23 Sep 2024 18:49:53 -0500
Subject: [PATCH] Add vault icon to anon layout.

---
 .../anon-layout/anon-layout.component.ts      |  4 ++--
 libs/auth/src/angular/icons/index.ts          |  1 +
 libs/auth/src/angular/icons/vault.icon.ts     | 23 +++++++++++++++++++
 3 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 libs/auth/src/angular/icons/vault.icon.ts

diff --git a/libs/auth/src/angular/anon-layout/anon-layout.component.ts b/libs/auth/src/angular/anon-layout/anon-layout.component.ts
index a40fafc5db9..a9b3ee4003c 100644
--- a/libs/auth/src/angular/anon-layout/anon-layout.component.ts
+++ b/libs/auth/src/angular/anon-layout/anon-layout.component.ts
@@ -9,7 +9,7 @@ import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/pl
 import { IconModule, Icon } from "../../../../components/src/icon";
 import { SharedModule } from "../../../../components/src/shared";
 import { TypographyModule } from "../../../../components/src/typography";
-import { BitwardenLogo, BitwardenShield } from "../icons";
+import { BitwardenLogo, VaultIcon } from "../icons";
 
 @Component({
   standalone: true,
@@ -56,7 +56,7 @@ export class AnonLayoutComponent implements OnInit, OnChanges {
 
     // If there is no icon input, then use the default icon
     if (this.icon == null) {
-      this.icon = BitwardenShield;
+      this.icon = VaultIcon;
     }
   }
 
diff --git a/libs/auth/src/angular/icons/index.ts b/libs/auth/src/angular/icons/index.ts
index 166b2d1f2ed..c5064d87606 100644
--- a/libs/auth/src/angular/icons/index.ts
+++ b/libs/auth/src/angular/icons/index.ts
@@ -6,3 +6,4 @@ export * from "./registration-expired-link.icon";
 export * from "./user-lock.icon";
 export * from "./user-verification-biometrics-fingerprint.icon";
 export * from "./wave.icon";
+export * from "./vault.icon";
diff --git a/libs/auth/src/angular/icons/vault.icon.ts b/libs/auth/src/angular/icons/vault.icon.ts
new file mode 100644
index 00000000000..6ac5d0fbca4
--- /dev/null
+++ b/libs/auth/src/angular/icons/vault.icon.ts
@@ -0,0 +1,23 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const VaultIcon = svgIcon`
+  <svg width="120" height="100" viewBox="0 0 120 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="5.61279" y="1.5" width="108.775" height="89.1503" rx="9.25741" stroke="#020F66" stroke-width="2"/>
+    <path d="M49.5854 61.4941L49.5854 70.4652" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M49.5854 21.6851L49.5854 30.6562" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M38.6827 56.978L32.3392 63.3215" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M66.8324 28.8286L60.4889 35.1721" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M38.6827 35.1721L32.3392 28.8286" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M66.8324 63.3215L60.4889 56.978" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M74.1788 46.0513L65.2077 46.0513" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <path d="M33.6777 46.0513L24.7066 46.0514" stroke="#020F66" stroke-width="2" stroke-linecap="round"/>
+    <ellipse cx="49.5855" cy="46.0513" rx="15.0433" ry="15.0433" stroke="#020F66" stroke-width="2"/>
+    <ellipse cx="49.5855" cy="46.0513" rx="10.4146" ry="10.4146" stroke="#2CDDE9"/>
+    <path d="M14.0227 90.6504V95.0286C14.0227 96.9458 15.577 98.5001 17.4942 98.5001H27.9327C29.8499 98.5001 31.4042 96.9458 31.4042 95.0286V90.6504" stroke="#020F66" stroke-width="2"/>
+    <path d="M88.595 90.6504V95.0286C88.595 96.9458 90.1492 98.5001 92.0665 98.5001H102.505C104.422 98.5001 105.976 96.9458 105.976 95.0286V90.6504" stroke="#020F66" stroke-width="2"/>
+    <path d="M105.977 32.3381L107.588 32.3381C108.866 32.3381 109.902 31.302 109.902 30.0238L109.902 17.271C109.902 15.9928 108.866 14.9566 107.588 14.9566L105.977 14.9566" stroke="#020F66" stroke-width="2"/>
+    <path d="M105.977 77.1936L107.588 77.1936C108.866 77.1936 109.902 76.1574 109.902 74.8793L109.902 62.1265C109.902 60.8483 108.866 59.8121 107.588 59.8121L105.977 59.8121" stroke="#020F66" stroke-width="2"/>
+    <rect x="14.0227" y="9.9104" width="91.9537" height="72.8902" rx="4.6287" stroke="#2CDDE9"/>
+    <path d="M101.08 61.8082V75.5593C101.08 76.8375 100.044 77.8737 98.7654 77.8737H45.8796M19.4989 28.7961V17.122C19.4989 15.8438 20.5351 14.8076 21.8133 14.8076H74.5501" stroke="#2CDDE9" stroke-linecap="round"/>
+  </svg>
+`;