From 4e78f5685438d0fb13691e7dae0fe646903ac8fd Mon Sep 17 00:00:00 2001
From: Daniel James Smith <djsmith85@users.noreply.github.com>
Date: Fri, 21 Mar 2025 10:14:22 +0100
Subject: [PATCH] Create more achievement-specific icons

---
 .../icons/card/card-item-created-10.icon.ts      | 14 ++++++++++++++
 .../icons/card/card-item-created-3.icon.ts       | 13 +++++++++++++
 .../icons/card/card-item-created.icon.ts         | 13 +++++++++++++
 .../src/tools/achievements/icons/card/index.ts   |  3 +++
 .../src/tools/achievements/icons/icon-map.ts     | 14 +++++++++++++-
 .../tools/achievements/icons/identity/index.ts   |  1 +
 .../identity/one-identity-item-created.icon.ts   | 16 ++++++++++++++++
 .../login/fifty-login-items-created.icon.ts      | 12 ++++++------
 .../icons/login/ten-login-items-created.icon.ts  | 12 ++++++------
 .../src/tools/achievements/icons/notes/index.ts  |  1 +
 .../icons/notes/one-secure-note-created.icon.ts  | 13 +++++++++++++
 11 files changed, 99 insertions(+), 13 deletions(-)
 create mode 100644 libs/angular/src/tools/achievements/icons/card/card-item-created-10.icon.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/card/card-item-created-3.icon.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/card/card-item-created.icon.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/identity/index.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/identity/one-identity-item-created.icon.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/notes/index.ts
 create mode 100644 libs/angular/src/tools/achievements/icons/notes/one-secure-note-created.icon.ts

diff --git a/libs/angular/src/tools/achievements/icons/card/card-item-created-10.icon.ts b/libs/angular/src/tools/achievements/icons/card/card-item-created-10.icon.ts
new file mode 100644
index 00000000000..f0e6ab8f3c9
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/card/card-item-created-10.icon.ts
@@ -0,0 +1,14 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const TenItemsCreatedIcon = svgIcon`<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="33" cy="32" r="32" fill="#F3F6F9"/>
+<path d="M0.909302 13.3831C0.909302 8.91595 4.53063 5.29462 8.99777 5.29462H52.1363C56.6034 5.29462 60.2247 8.91595 60.2247 13.3831V40.3446C60.2247 44.8118 56.6034 48.4331 52.1363 48.4331H8.99777C4.53063 48.4331 0.909302 44.8118 0.909302 40.3446V13.3831Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.1363 7.99077H8.99777C6.01968 7.99077 3.60546 10.405 3.60546 13.3831V40.3446C3.60546 43.3227 6.01968 45.737 8.99777 45.737H52.1363C55.1143 45.737 57.5286 43.3227 57.5286 40.3446V13.3831C57.5286 10.405 55.1144 7.99077 52.1363 7.99077ZM8.99777 5.29462C4.53063 5.29462 0.909302 8.91595 0.909302 13.3831V40.3446C0.909302 44.8118 4.53063 48.4331 8.99777 48.4331H52.1363C56.6034 48.4331 60.2247 44.8118 60.2247 40.3446V13.3831C60.2247 8.91595 56.6034 5.29462 52.1363 5.29462H8.99777Z" fill="#0E3781"/>
+<path d="M3.60547 16.0793H57.5286V21.4716H3.60547V16.0793Z" fill="#99BAF4"/>
+<path d="M8.99792 36.3005C8.99792 35.5559 9.60148 34.9524 10.346 34.9524H18.4345C19.179 34.9524 19.7825 35.5559 19.7825 36.3005C19.7825 37.045 19.179 37.6485 18.4345 37.6485H10.346C9.60148 37.6485 8.99792 37.045 8.99792 36.3005Z" fill="#99BAF4"/>
+<path d="M23.8269 36.3005C23.8269 35.5559 24.4305 34.9524 25.175 34.9524H37.3077C38.0522 34.9524 38.6558 35.5559 38.6558 36.3005C38.6558 37.045 38.0522 37.6485 37.3077 37.6485H25.175C24.4305 37.6485 23.8269 37.045 23.8269 36.3005Z" fill="#99BAF4"/>
+<path d="M65.0001 44.3282C65.0001 52.2271 58.5967 58.6306 50.6977 58.6306C42.7987 58.6306 36.3953 52.2271 36.3953 44.3282C36.3953 36.4292 42.7987 30.0258 50.6977 30.0258C58.5967 30.0258 65.0001 36.4292 65.0001 44.3282Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.6977 56.2468C57.2802 56.2468 62.6163 50.9107 62.6163 44.3282C62.6163 37.7457 57.2802 32.4095 50.6977 32.4095C44.1152 32.4095 38.779 37.7457 38.779 44.3282C38.779 50.9107 44.1152 56.2468 50.6977 56.2468ZM50.6977 58.6306C58.5967 58.6306 65.0001 52.2271 65.0001 44.3282C65.0001 36.4292 58.5967 30.0258 50.6977 30.0258C42.7987 30.0258 36.3953 36.4292 36.3953 44.3282C36.3953 52.2271 42.7987 58.6306 50.6977 58.6306Z" fill="#0E3781"/>
+<path d="M53.9391 50.6144C52.9204 50.6144 52.0463 50.3539 51.317 49.8329C50.5876 49.3004 50.0204 48.5653 49.6152 47.6276C49.2216 46.6783 49.0248 45.5785 49.0248 44.3282C49.0248 43.0779 49.2216 41.9839 49.6152 41.0462C50.0204 40.0969 50.5876 39.3617 51.317 38.8408C52.0463 38.3083 52.9204 38.042 53.9391 38.042C54.9695 38.042 55.8435 38.3083 56.5613 38.8408C57.2906 39.3617 57.8521 40.0969 58.2457 41.0462C58.6393 41.9839 58.8361 43.0779 58.8361 44.3282C58.8361 45.5785 58.6393 46.6783 58.2457 47.6276C57.8521 48.5653 57.2906 49.3004 56.5613 49.8329C55.8435 50.3539 54.9695 50.6144 53.9391 50.6144ZM53.9391 49.0689C54.5411 49.0689 55.0736 48.8779 55.5367 48.4958C56.0114 48.1138 56.3818 47.5697 56.6481 46.8635C56.9259 46.1573 57.0649 45.3122 57.0649 44.3282C57.0649 43.3326 56.9259 42.4875 56.6481 41.7929C56.3818 41.0867 56.0114 40.5484 55.5367 40.1779C55.0736 39.7959 54.5411 39.6049 53.9391 39.6049C53.3371 39.6049 52.793 39.7959 52.3068 40.1779C51.8322 40.5484 51.4617 41.0867 51.1954 41.7929C50.9292 42.4875 50.796 43.3326 50.796 44.3282C50.796 45.3122 50.9292 46.1573 51.1954 46.8635C51.4617 47.5697 51.8322 48.1138 52.3068 48.4958C52.793 48.8779 53.3371 49.0689 53.9391 49.0689Z" fill="#0E3781"/>
+<path d="M45.9627 50.4059C45.4735 50.4059 45.077 50.0094 45.077 49.5202V40.2125L43.4762 40.7424C43.0246 40.8919 42.5591 40.5556 42.5591 40.0799C42.5591 39.802 42.7241 39.5505 42.9791 39.4398L45.5415 38.3275C45.6589 38.2765 45.7856 38.2502 45.9136 38.2502C46.4298 38.2502 46.8483 38.6687 46.8483 39.1849V49.5202C46.8483 50.0094 46.4518 50.4059 45.9627 50.4059Z" fill="#0E3781"/>
+</svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/card/card-item-created-3.icon.ts b/libs/angular/src/tools/achievements/icons/card/card-item-created-3.icon.ts
new file mode 100644
index 00000000000..eeeef5e1f17
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/card/card-item-created-3.icon.ts
@@ -0,0 +1,13 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const ThreeItemsCreatedIcon = svgIcon`<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="33" cy="32.3682" r="32" fill="#F3F6F9"/>
+<path d="M0.909302 13.7512C0.909302 9.28411 4.53063 5.66278 8.99777 5.66278H52.1363C56.6034 5.66278 60.2247 9.28411 60.2247 13.7512V40.7128C60.2247 45.1799 56.6034 48.8013 52.1363 48.8013H8.99777C4.53063 48.8013 0.909302 45.1799 0.909302 40.7128V13.7512Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.1363 8.35894H8.99777C6.01968 8.35894 3.60546 10.7732 3.60546 13.7512V40.7128C3.60546 43.6909 6.01968 46.1051 8.99777 46.1051H52.1363C55.1143 46.1051 57.5286 43.6909 57.5286 40.7128V13.7512C57.5286 10.7732 55.1144 8.35894 52.1363 8.35894ZM8.99777 5.66278C4.53063 5.66278 0.909302 9.28411 0.909302 13.7512V40.7128C0.909302 45.1799 4.53063 48.8013 8.99777 48.8013H52.1363C56.6034 48.8013 60.2247 45.1799 60.2247 40.7128V13.7512C60.2247 9.28411 56.6034 5.66278 52.1363 5.66278H8.99777Z" fill="#0E3781"/>
+<path d="M3.60547 16.4474H57.5286V21.8398H3.60547V16.4474Z" fill="#99BAF4"/>
+<path d="M8.99792 36.6686C8.99792 35.9241 9.60148 35.3206 10.346 35.3206H18.4345C19.179 35.3206 19.7825 35.9241 19.7825 36.6686C19.7825 37.4132 19.179 38.0167 18.4345 38.0167H10.346C9.60148 38.0167 8.99792 37.4132 8.99792 36.6686Z" fill="#99BAF4"/>
+<path d="M23.8269 36.6686C23.8269 35.9241 24.4305 35.3206 25.175 35.3206H37.3077C38.0522 35.3206 38.6558 35.9241 38.6558 36.6686C38.6558 37.4132 38.0522 38.0167 37.3077 38.0167H25.175C24.4305 38.0167 23.8269 37.4132 23.8269 36.6686Z" fill="#99BAF4"/>
+<path d="M65.0001 44.6964C65.0001 52.5954 58.5967 58.9988 50.6977 58.9988C42.7987 58.9988 36.3953 52.5954 36.3953 44.6964C36.3953 36.7974 42.7987 30.394 50.6977 30.394C58.5967 30.394 65.0001 36.7974 65.0001 44.6964Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.6977 56.6151C57.2802 56.6151 62.6163 51.2789 62.6163 44.6964C62.6163 38.1139 57.2802 32.7778 50.6977 32.7778C44.1152 32.7778 38.779 38.1139 38.779 44.6964C38.779 51.2789 44.1152 56.6151 50.6977 56.6151ZM50.6977 58.9988C58.5967 58.9988 65.0001 52.5954 65.0001 44.6964C65.0001 36.7974 58.5967 30.394 50.6977 30.394C42.7987 30.394 36.3953 36.7974 36.3953 44.6964C36.3953 52.5954 42.7987 58.9988 50.6977 58.9988Z" fill="#0E3781"/>
+<path d="M50.9248 52.9925C50.3726 52.9925 49.9248 52.5448 49.9248 51.9925V40.2071C49.9248 40.1419 49.8634 40.0941 49.8002 40.1102L48.2997 40.4915C47.7627 40.6279 47.2408 40.2221 47.2408 39.668C47.2408 39.3295 47.4417 39.0233 47.7522 38.8886L50.3579 37.7578C50.6092 37.6488 50.8802 37.5925 51.1541 37.5925H51.1688C51.7211 37.5925 52.1688 38.0402 52.1688 38.5925V51.9925C52.1688 52.5448 51.7211 52.9925 51.1688 52.9925H50.9248Z" fill="#0E3781"/>
+</svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/card/card-item-created.icon.ts b/libs/angular/src/tools/achievements/icons/card/card-item-created.icon.ts
new file mode 100644
index 00000000000..374c521fa4b
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/card/card-item-created.icon.ts
@@ -0,0 +1,13 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const CardItemCreatedIcon = svgIcon`<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="33" cy="32.3682" r="32" fill="#F3F6F9"/>
+<path d="M0.909302 13.7512C0.909302 9.28411 4.53063 5.66278 8.99777 5.66278H52.1363C56.6034 5.66278 60.2247 9.28411 60.2247 13.7512V40.7128C60.2247 45.1799 56.6034 48.8013 52.1363 48.8013H8.99777C4.53063 48.8013 0.909302 45.1799 0.909302 40.7128V13.7512Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.1363 8.35894H8.99777C6.01968 8.35894 3.60546 10.7732 3.60546 13.7512V40.7128C3.60546 43.6909 6.01968 46.1051 8.99777 46.1051H52.1363C55.1143 46.1051 57.5286 43.6909 57.5286 40.7128V13.7512C57.5286 10.7732 55.1144 8.35894 52.1363 8.35894ZM8.99777 5.66278C4.53063 5.66278 0.909302 9.28411 0.909302 13.7512V40.7128C0.909302 45.1799 4.53063 48.8013 8.99777 48.8013H52.1363C56.6034 48.8013 60.2247 45.1799 60.2247 40.7128V13.7512C60.2247 9.28411 56.6034 5.66278 52.1363 5.66278H8.99777Z" fill="#0E3781"/>
+<path d="M3.60547 16.4474H57.5286V21.8398H3.60547V16.4474Z" fill="#99BAF4"/>
+<path d="M8.99792 36.6686C8.99792 35.9241 9.60148 35.3206 10.346 35.3206H18.4345C19.179 35.3206 19.7825 35.9241 19.7825 36.6686C19.7825 37.4132 19.179 38.0167 18.4345 38.0167H10.346C9.60148 38.0167 8.99792 37.4132 8.99792 36.6686Z" fill="#99BAF4"/>
+<path d="M23.8269 36.6686C23.8269 35.9241 24.4305 35.3206 25.175 35.3206H37.3077C38.0522 35.3206 38.6558 35.9241 38.6558 36.6686C38.6558 37.4132 38.0522 38.0167 37.3077 38.0167H25.175C24.4305 38.0167 23.8269 37.4132 23.8269 36.6686Z" fill="#99BAF4"/>
+<path d="M65.0001 44.6964C65.0001 52.5954 58.5967 58.9988 50.6977 58.9988C42.7987 58.9988 36.3953 52.5954 36.3953 44.6964C36.3953 36.7974 42.7987 30.394 50.6977 30.394C58.5967 30.394 65.0001 36.7974 65.0001 44.6964Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.6977 56.6151C57.2802 56.6151 62.6163 51.2789 62.6163 44.6964C62.6163 38.1139 57.2802 32.7778 50.6977 32.7778C44.1152 32.7778 38.779 38.1139 38.779 44.6964C38.779 51.2789 44.1152 56.6151 50.6977 56.6151ZM50.6977 58.9988C58.5967 58.9988 65.0001 52.5954 65.0001 44.6964C65.0001 36.7974 58.5967 30.394 50.6977 30.394C42.7987 30.394 36.3953 36.7974 36.3953 44.6964C36.3953 52.5954 42.7987 58.9988 50.6977 58.9988Z" fill="#0E3781"/>
+<path d="M50.9248 52.9925C50.3726 52.9925 49.9248 52.5448 49.9248 51.9925V40.2071C49.9248 40.1419 49.8634 40.0941 49.8002 40.1102L48.2997 40.4915C47.7627 40.6279 47.2408 40.2221 47.2408 39.668C47.2408 39.3295 47.4417 39.0233 47.7522 38.8886L50.3579 37.7578C50.6092 37.6488 50.8802 37.5925 51.1541 37.5925H51.1688C51.7211 37.5925 52.1688 38.0402 52.1688 38.5925V51.9925C52.1688 52.5448 51.7211 52.9925 51.1688 52.9925H50.9248Z" fill="#0E3781"/>
+</svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/card/index.ts b/libs/angular/src/tools/achievements/icons/card/index.ts
index e69de29bb2d..3717c184139 100644
--- a/libs/angular/src/tools/achievements/icons/card/index.ts
+++ b/libs/angular/src/tools/achievements/icons/card/index.ts
@@ -0,0 +1,3 @@
+export { CardItemCreatedIcon } from "./card-item-created.icon";
+export { ThreeItemsCreatedIcon } from "./card-item-created-3.icon";
+export { TenItemsCreatedIcon } from "./card-item-created-10.icon";
diff --git a/libs/angular/src/tools/achievements/icons/icon-map.ts b/libs/angular/src/tools/achievements/icons/icon-map.ts
index b7dea472899..d8f07903188 100644
--- a/libs/angular/src/tools/achievements/icons/icon-map.ts
+++ b/libs/angular/src/tools/achievements/icons/icon-map.ts
@@ -1,15 +1,27 @@
 import { Icon } from "@bitwarden/components";
 
+import { CardItemCreatedIcon, ThreeItemsCreatedIcon, TenItemsCreatedIcon } from "./card";
+import { OneIdentityItemCreatedIcon } from "./identity";
 import {
   OneLoginItemCreatedIcon,
   TenLoginItemsCreatedIcon,
   FiftyLoginItemsCreatedIcon,
   OneHundredLoginItemsCreatedIcon,
 } from "./login";
+import { OneSecureNoteCreatedIcon } from "./notes";
 
 export const iconMap: { [key: string]: Icon } = {
+  // Login items
   "login-item-created": OneLoginItemCreatedIcon,
   "10-login-items-added": TenLoginItemsCreatedIcon,
   "50-login-items-added": FiftyLoginItemsCreatedIcon,
-  "100-login-items-added": OneHundredLoginItemsCreatedIcon,
+  "login-item-created-one-hundred": OneHundredLoginItemsCreatedIcon,
+  // Card items
+  "card-item-created": CardItemCreatedIcon,
+  "card-item-created-3": ThreeItemsCreatedIcon,
+  "card-item-created-10": TenItemsCreatedIcon,
+  // Identity items
+  "identity-item-created": OneIdentityItemCreatedIcon,
+  // Note items
+  "note-item-created": OneSecureNoteCreatedIcon,
 };
diff --git a/libs/angular/src/tools/achievements/icons/identity/index.ts b/libs/angular/src/tools/achievements/icons/identity/index.ts
new file mode 100644
index 00000000000..6661e8b42ba
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/identity/index.ts
@@ -0,0 +1 @@
+export { OneIdentityItemCreatedIcon } from "./one-identity-item-created.icon";
diff --git a/libs/angular/src/tools/achievements/icons/identity/one-identity-item-created.icon.ts b/libs/angular/src/tools/achievements/icons/identity/one-identity-item-created.icon.ts
new file mode 100644
index 00000000000..6ec78b45747
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/identity/one-identity-item-created.icon.ts
@@ -0,0 +1,16 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const OneIdentityItemCreatedIcon = svgIcon`<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="33" cy="32.3159" r="32" fill="#F3F6F9"/>
+<path d="M0.680298 18.4428C0.680298 13.9652 4.31008 10.3354 8.78764 10.3354H52.0268C56.5044 10.3354 60.1342 13.9652 60.1342 18.4428V45.4673C60.1342 49.9448 56.5044 53.5746 52.0268 53.5746H8.78764C4.31008 53.5746 0.680298 49.9448 0.680298 45.4673V18.4428Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.0268 13.0379H8.78764C5.8026 13.0379 3.38275 15.4578 3.38275 18.4428V45.4673C3.38275 48.4523 5.8026 50.8722 8.78764 50.8722H52.0268C55.0119 50.8722 57.4317 48.4523 57.4317 45.4673V18.4428C57.4317 15.4578 55.0119 13.0379 52.0268 13.0379ZM8.78764 10.3354C4.31008 10.3354 0.680298 13.9652 0.680298 18.4428V45.4673C0.680298 49.9448 4.31008 53.5746 8.78764 53.5746H52.0268C56.5044 53.5746 60.1342 49.9448 60.1342 45.4673V18.4428C60.1342 13.9652 56.5044 10.3354 52.0268 10.3354H8.78764Z" fill="#0E3781"/>
+<path d="M34.4611 22.4965C34.4611 21.7502 35.066 21.1453 35.8123 21.1453H52.027C52.7732 21.1453 53.3782 21.7502 53.3782 22.4965C53.3782 23.2427 52.7732 23.8477 52.027 23.8477H35.8123C35.066 23.8477 34.4611 23.2427 34.4611 22.4965Z" fill="#0E3781"/>
+<path d="M34.4611 27.9015C34.4611 27.1553 35.066 26.5503 35.8123 26.5503H42.5684C43.3147 26.5503 43.9196 27.1553 43.9196 27.9015C43.9196 28.6478 43.3147 29.2527 42.5684 29.2527H35.8123C35.066 29.2527 34.4611 28.6478 34.4611 27.9015Z" fill="#0E3781"/>
+<path d="M29.0561 24.5233C29.0561 28.6277 25.7288 31.955 21.6244 31.955C17.5199 31.955 14.1926 28.6277 14.1926 24.5233C14.1926 20.4189 17.5199 17.0916 21.6244 17.0916C25.7288 17.0916 29.0561 20.4189 29.0561 24.5233Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.6244 29.2526C24.2363 29.2526 26.3536 27.1352 26.3536 24.5233C26.3536 21.9114 24.2363 19.794 21.6244 19.794C19.0124 19.794 16.8951 21.9114 16.8951 24.5233C16.8951 27.1352 19.0124 29.2526 21.6244 29.2526ZM21.6244 31.955C25.7288 31.955 29.0561 28.6277 29.0561 24.5233C29.0561 20.4189 25.7288 17.0916 21.6244 17.0916C17.5199 17.0916 14.1926 20.4189 14.1926 24.5233C14.1926 28.6277 17.5199 31.955 21.6244 31.955Z" fill="#0E3781"/>
+<path d="M35.9806 40.0957C36.7615 41.9612 37.1635 43.4481 37.1635 45.4673C37.1635 46.2136 36.5585 46.8186 35.8123 46.8186H7.43655C6.69029 46.8186 6.08533 46.2136 6.08533 45.4673C6.08533 43.4481 6.48726 41.9612 7.26817 40.0957C8.04908 38.2302 9.19368 36.5352 10.6366 35.1074C12.0796 33.6796 13.7926 32.547 15.6779 31.7743C17.5631 31.0016 19.5838 30.6039 21.6244 30.6039C23.665 30.6039 25.6857 31.0016 27.5709 31.7743C29.4562 32.547 31.1693 33.6796 32.6122 35.1074C34.0551 36.5352 35.1997 38.2302 35.9806 40.0957Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.3756 44.1161C34.2457 43.1602 33.9622 42.2725 33.4878 41.1393C32.845 39.6037 31.902 38.2065 30.7114 37.0284C29.5207 35.8502 28.1055 34.914 26.5461 34.2749C24.9865 33.6357 23.3141 33.3063 21.6244 33.3063C19.9347 33.3063 18.2623 33.6357 16.7028 34.2749C15.1433 34.914 13.7281 35.8502 12.5374 37.0284C11.3468 38.2065 10.4038 39.6037 9.76102 41.1393C9.28665 42.2725 9.00314 43.1602 8.87323 44.1161H34.3756ZM37.1635 45.4673C37.1635 43.4481 36.7615 41.9612 35.9806 40.0957C35.1997 38.2302 34.0551 36.5352 32.6122 35.1074C31.1693 33.6796 29.4562 32.547 27.5709 31.7743C25.6857 31.0016 23.665 30.6039 21.6244 30.6039C19.5838 30.6039 17.5631 31.0016 15.6779 31.7743C13.7926 32.547 12.0796 33.6796 10.6366 35.1074C9.19368 36.5352 8.04908 38.2302 7.26817 40.0957C6.48726 41.9612 6.08533 43.4481 6.08533 45.4673C6.08533 46.2136 6.69029 46.8186 7.43655 46.8186H35.8123C36.5585 46.8186 37.1635 46.2136 37.1635 45.4673Z" fill="#0E3781"/>
+<path d="M65.0001 49.6964C65.0001 57.5954 58.5967 63.9988 50.6977 63.9988C42.7987 63.9988 36.3953 57.5954 36.3953 49.6964C36.3953 41.7974 42.7987 35.394 50.6977 35.394C58.5967 35.394 65.0001 41.7974 65.0001 49.6964Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.6977 61.6151C57.2802 61.6151 62.6163 56.2789 62.6163 49.6964C62.6163 43.1139 57.2802 37.7778 50.6977 37.7778C44.1152 37.7778 38.779 43.1139 38.779 49.6964C38.779 56.2789 44.1152 61.6151 50.6977 61.6151ZM50.6977 63.9988C58.5967 63.9988 65.0001 57.5954 65.0001 49.6964C65.0001 41.7974 58.5967 35.394 50.6977 35.394C42.7987 35.394 36.3953 41.7974 36.3953 49.6964C36.3953 57.5954 42.7987 63.9988 50.6977 63.9988Z" fill="#0E3781"/>
+<path d="M50.9248 57.9925C50.3726 57.9925 49.9248 57.5448 49.9248 56.9925V45.2071C49.9248 45.1419 49.8634 45.0941 49.8002 45.1102L48.2997 45.4915C47.7627 45.6279 47.2408 45.2221 47.2408 44.668C47.2408 44.3295 47.4417 44.0233 47.7522 43.8886L50.3579 42.7578C50.6092 42.6488 50.8802 42.5925 51.1541 42.5925H51.1688C51.7211 42.5925 52.1688 43.0402 52.1688 43.5925V56.9925C52.1688 57.5448 51.7211 57.9925 51.1688 57.9925H50.9248Z" fill="#0E3781"/>
+</svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/login/fifty-login-items-created.icon.ts b/libs/angular/src/tools/achievements/icons/login/fifty-login-items-created.icon.ts
index 7035ed553ab..3fdb12a99d3 100644
--- a/libs/angular/src/tools/achievements/icons/login/fifty-login-items-created.icon.ts
+++ b/libs/angular/src/tools/achievements/icons/login/fifty-login-items-created.icon.ts
@@ -3,13 +3,13 @@ import { svgIcon } from "@bitwarden/components";
 export const FiftyLoginItemsCreatedIcon = svgIcon`<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="30.0671" cy="29.5671" r="28.2671" fill="#99BAF4" stroke="#0E3781" stroke-width="2.6" stroke-linecap="round"/>
 <circle cx="30.0671" cy="27.2927" r="12.3463" fill="white" stroke="#0E3781" stroke-width="2.6" stroke-linecap="round"/>
-<mask id="path-4-inside-1_4026_790" fill="white">
+<mask id="path-4-inside-1_4026_806" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.25269 49.5262C8.65259 49.052 9.06613 48.5898 9.49288 48.1401C12.344 45.136 15.7288 42.7531 19.4541 41.1273C23.1793 39.5015 27.1719 38.6647 31.2041 38.6647C35.2362 38.6647 39.2289 39.5015 42.9541 41.1273C46.6793 42.7531 50.0641 45.136 52.9153 48.1401C52.9438 48.1701 52.9722 48.2002 53.0005 48.2303C47.5789 54.8844 39.3192 59.1342 30.0669 59.1342C21.4302 59.1342 13.6585 55.4311 8.25269 49.5262Z"/>
 </mask>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.25269 49.5262C8.65259 49.052 9.06613 48.5898 9.49288 48.1401C12.344 45.136 15.7288 42.7531 19.4541 41.1273C23.1793 39.5015 27.1719 38.6647 31.2041 38.6647C35.2362 38.6647 39.2289 39.5015 42.9541 41.1273C46.6793 42.7531 50.0641 45.136 52.9153 48.1401C52.9438 48.1701 52.9722 48.2002 53.0005 48.2303C47.5789 54.8844 39.3192 59.1342 30.0669 59.1342C21.4302 59.1342 13.6585 55.4311 8.25269 49.5262Z" fill="white"/>
-<path d="M8.25269 49.5262L6.26519 47.8499L4.7921 49.5965L6.33493 51.2818L8.25269 49.5262ZM9.49288 48.1401L11.3787 49.93H11.3787L9.49288 48.1401ZM19.4541 41.1273L20.4941 43.5102L20.4941 43.5102L19.4541 41.1273ZM42.9541 41.1273L41.9141 43.5102L42.9541 41.1273ZM52.9153 48.1401L51.0294 49.93L51.0294 49.93L52.9153 48.1401ZM53.0005 48.2303L55.0162 49.8726L56.4552 48.1064L54.8934 46.4479L53.0005 48.2303ZM10.2402 51.2024C10.6075 50.767 10.9871 50.3426 11.3787 49.93L7.60702 46.3503C7.14515 46.8369 6.69772 47.3371 6.26519 47.8499L10.2402 51.2024ZM11.3787 49.93C13.9951 47.1733 17.0938 44.9942 20.4941 43.5102L18.4141 38.7443C14.3639 40.5119 10.693 43.0988 7.60702 46.3503L11.3787 49.93ZM20.4941 43.5102C23.894 42.0264 27.5328 41.2647 31.2041 41.2647V36.0647C26.8111 36.0647 22.4646 36.9765 18.4141 38.7443L20.4941 43.5102ZM31.2041 41.2647C34.8754 41.2647 38.5142 42.0264 41.9141 43.5102L43.9941 38.7443C39.9436 36.9765 35.5971 36.0647 31.2041 36.0647V41.2647ZM41.9141 43.5102C45.3144 44.9942 48.4131 47.1733 51.0294 49.93L54.8011 46.3503C51.7152 43.0988 48.0442 40.5119 43.9941 38.7443L41.9141 43.5102ZM51.0294 49.93C51.0555 49.9574 51.0816 49.985 51.1077 50.0128L54.8934 46.4479C54.8628 46.4154 54.832 46.3828 54.8011 46.3503L51.0294 49.93ZM50.9849 46.588C46.0359 52.6621 38.5046 56.5342 30.0669 56.5342V61.7342C40.1339 61.7342 49.122 57.1067 55.0162 49.8726L50.9849 46.588ZM30.0669 56.5342C22.1897 56.5342 15.1044 53.1602 10.1704 47.7705L6.33493 51.2818C12.2125 57.7021 20.6707 61.7342 30.0669 61.7342V56.5342Z" fill="#0E3781" mask="url(#path-4-inside-1_4026_790)"/>
-<path d="M64.0001 49.3282C64.0001 57.2271 57.5967 63.6306 49.6977 63.6306C41.7987 63.6306 35.3953 57.2271 35.3953 49.3282C35.3953 41.4292 41.7987 35.0258 49.6977 35.0258C57.5967 35.0258 64.0001 41.4292 64.0001 49.3282Z" fill="#FFBF00"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M49.6977 61.2468C56.2802 61.2468 61.6163 55.9107 61.6163 49.3282C61.6163 42.7457 56.2802 37.4095 49.6977 37.4095C43.1152 37.4095 37.779 42.7457 37.779 49.3282C37.779 55.9107 43.1152 61.2468 49.6977 61.2468ZM49.6977 63.6306C57.5967 63.6306 64.0001 57.2271 64.0001 49.3282C64.0001 41.4292 57.5967 35.0258 49.6977 35.0258C41.7987 35.0258 35.3953 41.4292 35.3953 49.3282C35.3953 57.2271 41.7987 63.6306 49.6977 63.6306Z" fill="#0E3781"/>
-<path d="M52.9391 55.6144C51.9204 55.6144 51.0463 55.3539 50.317 54.8329C49.5876 54.3004 49.0204 53.5653 48.6152 52.6276C48.2216 51.6783 48.0248 50.5785 48.0248 49.3282C48.0248 48.0779 48.2216 46.9839 48.6152 46.0462C49.0204 45.0969 49.5876 44.3617 50.317 43.8408C51.0463 43.3083 51.9204 43.042 52.9391 43.042C53.9695 43.042 54.8435 43.3083 55.5613 43.8408C56.2906 44.3617 56.8521 45.0969 57.2457 46.0462C57.6393 46.9839 57.8361 48.0779 57.8361 49.3282C57.8361 50.5785 57.6393 51.6783 57.2457 52.6276C56.8521 53.5653 56.2906 54.3004 55.5613 54.8329C54.8435 55.3539 53.9695 55.6144 52.9391 55.6144ZM52.9391 54.0689C53.5411 54.0689 54.0736 53.8779 54.5367 53.4958C55.0114 53.1138 55.3818 52.5697 55.6481 51.8635C55.9259 51.1573 56.0649 50.3122 56.0649 49.3282C56.0649 48.3326 55.9259 47.4875 55.6481 46.7929C55.3818 46.0867 55.0114 45.5484 54.5367 45.1779C54.0736 44.7959 53.5411 44.6049 52.9391 44.6049C52.3371 44.6049 51.793 44.7959 51.3068 45.1779C50.8322 45.5484 50.4617 46.0867 50.1954 46.7929C49.9292 47.4875 49.796 48.3326 49.796 49.3282C49.796 50.3122 49.9292 51.1573 50.1954 51.8635C50.4617 52.5697 50.8322 53.1138 51.3068 53.4958C51.793 53.8779 52.3371 54.0689 52.9391 54.0689Z" fill="#0E3781"/>
-<path d="M44.9627 55.4059C44.4735 55.4059 44.077 55.0094 44.077 54.5202V45.2125L42.4762 45.7424C42.0246 45.8919 41.5591 45.5556 41.5591 45.0799C41.5591 44.802 41.7241 44.5505 41.9791 44.4398L44.5415 43.3275C44.6589 43.2765 44.7856 43.2502 44.9136 43.2502C45.4298 43.2502 45.8483 43.6687 45.8483 44.1849V54.5202C45.8483 55.0094 45.4518 55.4059 44.9627 55.4059Z" fill="#0E3781"/>
+<path d="M8.25269 49.5262L6.26519 47.8499L4.7921 49.5965L6.33493 51.2818L8.25269 49.5262ZM9.49288 48.1401L11.3787 49.93H11.3787L9.49288 48.1401ZM19.4541 41.1273L20.4941 43.5102L20.4941 43.5102L19.4541 41.1273ZM42.9541 41.1273L41.9141 43.5102L42.9541 41.1273ZM52.9153 48.1401L51.0294 49.93L51.0294 49.93L52.9153 48.1401ZM53.0005 48.2303L55.0162 49.8726L56.4552 48.1064L54.8934 46.4479L53.0005 48.2303ZM10.2402 51.2024C10.6075 50.767 10.9871 50.3426 11.3787 49.93L7.60702 46.3503C7.14515 46.8369 6.69772 47.3371 6.26519 47.8499L10.2402 51.2024ZM11.3787 49.93C13.9951 47.1733 17.0938 44.9942 20.4941 43.5102L18.4141 38.7443C14.3639 40.5119 10.693 43.0988 7.60702 46.3503L11.3787 49.93ZM20.4941 43.5102C23.894 42.0264 27.5328 41.2647 31.2041 41.2647V36.0647C26.8111 36.0647 22.4646 36.9765 18.4141 38.7443L20.4941 43.5102ZM31.2041 41.2647C34.8754 41.2647 38.5142 42.0264 41.9141 43.5102L43.9941 38.7443C39.9436 36.9765 35.5971 36.0647 31.2041 36.0647V41.2647ZM41.9141 43.5102C45.3144 44.9942 48.4131 47.1733 51.0294 49.93L54.8011 46.3503C51.7152 43.0988 48.0442 40.5119 43.9941 38.7443L41.9141 43.5102ZM51.0294 49.93C51.0555 49.9574 51.0816 49.985 51.1077 50.0128L54.8934 46.4479C54.8628 46.4154 54.832 46.3828 54.8011 46.3503L51.0294 49.93ZM50.9849 46.588C46.0359 52.6621 38.5046 56.5342 30.0669 56.5342V61.7342C40.1339 61.7342 49.122 57.1067 55.0162 49.8726L50.9849 46.588ZM30.0669 56.5342C22.1897 56.5342 15.1044 53.1602 10.1704 47.7705L6.33493 51.2818C12.2125 57.7021 20.6707 61.7342 30.0669 61.7342V56.5342Z" fill="#0E3781" mask="url(#path-4-inside-1_4026_806)"/>
+<path d="M64.0001 49.6963C64.0001 57.5953 57.5967 63.9987 49.6977 63.9987C41.7987 63.9987 35.3953 57.5953 35.3953 49.6963C35.3953 41.7973 41.7987 35.3939 49.6977 35.3939C57.5967 35.3939 64.0001 41.7973 64.0001 49.6963Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.6977 61.615C56.2802 61.615 61.6163 56.2788 61.6163 49.6963C61.6163 43.1138 56.2802 37.7777 49.6977 37.7777C43.1152 37.7777 37.779 43.1138 37.779 49.6963C37.779 56.2788 43.1152 61.615 49.6977 61.615ZM49.6977 63.9987C57.5967 63.9987 64.0001 57.5953 64.0001 49.6963C64.0001 41.7973 57.5967 35.3939 49.6977 35.3939C41.7987 35.3939 35.3953 41.7973 35.3953 49.6963C35.3953 57.5953 41.7987 63.9987 49.6977 63.9987Z" fill="#0E3781"/>
+<path d="M54.3318 55.9825C53.3131 55.9825 52.439 55.722 51.7097 55.2011C50.9803 54.6686 50.4131 53.9334 50.0079 52.9957C49.6143 52.0464 49.4175 50.9466 49.4175 49.6963C49.4175 48.4461 49.6143 47.352 50.0079 46.4143C50.4131 45.465 50.9803 44.7299 51.7097 44.209C52.439 43.6764 53.3131 43.4102 54.3318 43.4102C55.3622 43.4102 56.2362 43.6764 56.954 44.209C57.6833 44.7299 58.2448 45.465 58.6384 46.4143C59.032 47.352 59.2288 48.4461 59.2288 49.6963C59.2288 50.9466 59.032 52.0464 58.6384 52.9957C58.2448 53.9334 57.6833 54.6686 56.954 55.2011C56.2362 55.722 55.3622 55.9825 54.3318 55.9825ZM54.3318 54.437C54.9338 54.437 55.4663 54.246 55.9294 53.864C56.4041 53.4819 56.7745 52.9378 57.0408 52.2317C57.3186 51.5255 57.4575 50.6804 57.4575 49.6963C57.4575 48.7007 57.3186 47.8556 57.0408 47.161C56.7745 46.4548 56.4041 45.9165 55.9294 45.5461C55.4663 45.164 54.9338 44.973 54.3318 44.973C53.7298 44.973 53.1857 45.164 52.6995 45.5461C52.2248 45.9165 51.8544 46.4548 51.5881 47.161C51.3219 47.8556 51.1887 48.7007 51.1887 49.6963C51.1887 50.6804 51.3219 51.5255 51.5881 52.2317C51.8544 52.9378 52.2248 53.4819 52.6995 53.864C53.1857 54.246 53.7298 54.437 54.3318 54.437Z" fill="#0E3781"/>
+<path d="M44.3516 55.9826C43.5297 55.9826 42.8119 55.8379 42.1983 55.5485C41.5964 55.2475 41.1217 54.8481 40.7744 54.3503C40.6129 54.1108 40.4822 53.8539 40.3823 53.5796C40.2041 53.0902 40.6209 52.6312 41.1417 52.6312C41.5553 52.6312 41.8957 52.932 42.0942 53.2949C42.2361 53.5542 42.4271 53.7845 42.6672 53.9856C43.0955 54.333 43.6628 54.5066 44.369 54.5066C44.8899 54.5066 45.3357 54.385 45.7061 54.1419C46.0766 53.8988 46.3602 53.5689 46.557 53.1521C46.7654 52.7238 46.8696 52.2433 46.8696 51.7108C46.8696 51.1783 46.7654 50.7152 46.557 50.3216C46.3602 49.9164 46.0824 49.6038 45.7235 49.3839C45.3646 49.1523 44.942 49.0366 44.4558 49.0366C43.8654 49.0366 43.3676 49.1581 42.9624 49.4012C42.7287 49.5348 42.524 49.6856 42.348 49.8538C42.1104 50.081 41.811 50.2521 41.4822 50.2521H41.4539C40.8469 50.2521 40.3799 49.7159 40.4634 49.1147L41.19 43.8774C41.2106 43.7291 41.3374 43.6187 41.4872 43.6187H47.1214C47.5386 43.6187 47.8768 43.9568 47.8768 44.374C47.8768 44.7912 47.5386 45.1294 47.1214 45.1294H42.5457L41.9726 48.6198C42.2504 48.3188 42.6209 48.0757 43.084 47.8905C43.547 47.6937 44.0796 47.5953 44.6816 47.5953C45.2951 47.5953 45.8392 47.7053 46.3139 47.9252C46.7885 48.1336 47.1937 48.4288 47.5295 48.8108C47.8652 49.1813 48.1141 49.6154 48.2762 50.1132C48.4498 50.611 48.5366 51.1378 48.5366 51.6934C48.5366 52.2954 48.4382 52.8569 48.2414 53.3779C48.0446 53.8872 47.761 54.3387 47.3905 54.7324C47.0316 55.126 46.5975 55.4327 46.0881 55.6527C45.5788 55.8727 44.9999 55.9826 44.3516 55.9826Z" fill="#0E3781"/>
 </svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/login/ten-login-items-created.icon.ts b/libs/angular/src/tools/achievements/icons/login/ten-login-items-created.icon.ts
index 6b517969e24..49d1d4b12a6 100644
--- a/libs/angular/src/tools/achievements/icons/login/ten-login-items-created.icon.ts
+++ b/libs/angular/src/tools/achievements/icons/login/ten-login-items-created.icon.ts
@@ -3,13 +3,13 @@ import { svgIcon } from "@bitwarden/components";
 export const TenLoginItemsCreatedIcon = svgIcon`<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="30.0671" cy="29.5671" r="28.2671" fill="#99BAF4" stroke="#0E3781" stroke-width="2.6" stroke-linecap="round"/>
 <circle cx="30.0671" cy="27.2927" r="12.3463" fill="white" stroke="#0E3781" stroke-width="2.6" stroke-linecap="round"/>
-<mask id="path-4-inside-1_4026_806" fill="white">
+<mask id="path-4-inside-1_4026_790" fill="white">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.25269 49.5262C8.65259 49.052 9.06613 48.5898 9.49288 48.1401C12.344 45.136 15.7288 42.7531 19.4541 41.1273C23.1793 39.5015 27.1719 38.6647 31.2041 38.6647C35.2362 38.6647 39.2289 39.5015 42.9541 41.1273C46.6793 42.7531 50.0641 45.136 52.9153 48.1401C52.9438 48.1701 52.9722 48.2002 53.0005 48.2303C47.5789 54.8844 39.3192 59.1342 30.0669 59.1342C21.4302 59.1342 13.6585 55.4311 8.25269 49.5262Z"/>
 </mask>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.25269 49.5262C8.65259 49.052 9.06613 48.5898 9.49288 48.1401C12.344 45.136 15.7288 42.7531 19.4541 41.1273C23.1793 39.5015 27.1719 38.6647 31.2041 38.6647C35.2362 38.6647 39.2289 39.5015 42.9541 41.1273C46.6793 42.7531 50.0641 45.136 52.9153 48.1401C52.9438 48.1701 52.9722 48.2002 53.0005 48.2303C47.5789 54.8844 39.3192 59.1342 30.0669 59.1342C21.4302 59.1342 13.6585 55.4311 8.25269 49.5262Z" fill="white"/>
-<path d="M8.25269 49.5262L6.26519 47.8499L4.7921 49.5965L6.33493 51.2818L8.25269 49.5262ZM9.49288 48.1401L11.3787 49.93H11.3787L9.49288 48.1401ZM19.4541 41.1273L20.4941 43.5102L20.4941 43.5102L19.4541 41.1273ZM42.9541 41.1273L41.9141 43.5102L42.9541 41.1273ZM52.9153 48.1401L51.0294 49.93L51.0294 49.93L52.9153 48.1401ZM53.0005 48.2303L55.0162 49.8726L56.4552 48.1064L54.8934 46.4479L53.0005 48.2303ZM10.2402 51.2024C10.6075 50.767 10.9871 50.3426 11.3787 49.93L7.60702 46.3503C7.14515 46.8369 6.69772 47.3371 6.26519 47.8499L10.2402 51.2024ZM11.3787 49.93C13.9951 47.1733 17.0938 44.9942 20.4941 43.5102L18.4141 38.7443C14.3639 40.5119 10.693 43.0988 7.60702 46.3503L11.3787 49.93ZM20.4941 43.5102C23.894 42.0264 27.5328 41.2647 31.2041 41.2647V36.0647C26.8111 36.0647 22.4646 36.9765 18.4141 38.7443L20.4941 43.5102ZM31.2041 41.2647C34.8754 41.2647 38.5142 42.0264 41.9141 43.5102L43.9941 38.7443C39.9436 36.9765 35.5971 36.0647 31.2041 36.0647V41.2647ZM41.9141 43.5102C45.3144 44.9942 48.4131 47.1733 51.0294 49.93L54.8011 46.3503C51.7152 43.0988 48.0442 40.5119 43.9941 38.7443L41.9141 43.5102ZM51.0294 49.93C51.0555 49.9574 51.0816 49.985 51.1077 50.0128L54.8934 46.4479C54.8628 46.4154 54.832 46.3828 54.8011 46.3503L51.0294 49.93ZM50.9849 46.588C46.0359 52.6621 38.5046 56.5342 30.0669 56.5342V61.7342C40.1339 61.7342 49.122 57.1067 55.0162 49.8726L50.9849 46.588ZM30.0669 56.5342C22.1897 56.5342 15.1044 53.1602 10.1704 47.7705L6.33493 51.2818C12.2125 57.7021 20.6707 61.7342 30.0669 61.7342V56.5342Z" fill="#0E3781" mask="url(#path-4-inside-1_4026_806)"/>
-<path d="M64.0001 49.6963C64.0001 57.5953 57.5967 63.9987 49.6977 63.9987C41.7987 63.9987 35.3953 57.5953 35.3953 49.6963C35.3953 41.7973 41.7987 35.3939 49.6977 35.3939C57.5967 35.3939 64.0001 41.7973 64.0001 49.6963Z" fill="#FFBF00"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M49.6977 61.615C56.2802 61.615 61.6163 56.2788 61.6163 49.6963C61.6163 43.1138 56.2802 37.7777 49.6977 37.7777C43.1152 37.7777 37.779 43.1138 37.779 49.6963C37.779 56.2788 43.1152 61.615 49.6977 61.615ZM49.6977 63.9987C57.5967 63.9987 64.0001 57.5953 64.0001 49.6963C64.0001 41.7973 57.5967 35.3939 49.6977 35.3939C41.7987 35.3939 35.3953 41.7973 35.3953 49.6963C35.3953 57.5953 41.7987 63.9987 49.6977 63.9987Z" fill="#0E3781"/>
-<path d="M54.3318 55.9825C53.3131 55.9825 52.439 55.722 51.7097 55.2011C50.9803 54.6686 50.4131 53.9334 50.0079 52.9957C49.6143 52.0464 49.4175 50.9466 49.4175 49.6963C49.4175 48.4461 49.6143 47.352 50.0079 46.4143C50.4131 45.465 50.9803 44.7299 51.7097 44.209C52.439 43.6764 53.3131 43.4102 54.3318 43.4102C55.3622 43.4102 56.2362 43.6764 56.954 44.209C57.6833 44.7299 58.2448 45.465 58.6384 46.4143C59.032 47.352 59.2288 48.4461 59.2288 49.6963C59.2288 50.9466 59.032 52.0464 58.6384 52.9957C58.2448 53.9334 57.6833 54.6686 56.954 55.2011C56.2362 55.722 55.3622 55.9825 54.3318 55.9825ZM54.3318 54.437C54.9338 54.437 55.4663 54.246 55.9294 53.864C56.4041 53.4819 56.7745 52.9378 57.0408 52.2317C57.3186 51.5255 57.4575 50.6804 57.4575 49.6963C57.4575 48.7007 57.3186 47.8556 57.0408 47.161C56.7745 46.4548 56.4041 45.9165 55.9294 45.5461C55.4663 45.164 54.9338 44.973 54.3318 44.973C53.7298 44.973 53.1857 45.164 52.6995 45.5461C52.2248 45.9165 51.8544 46.4548 51.5881 47.161C51.3219 47.8556 51.1887 48.7007 51.1887 49.6963C51.1887 50.6804 51.3219 51.5255 51.5881 52.2317C51.8544 52.9378 52.2248 53.4819 52.6995 53.864C53.1857 54.246 53.7298 54.437 54.3318 54.437Z" fill="#0E3781"/>
-<path d="M44.3516 55.9826C43.5297 55.9826 42.8119 55.8379 42.1983 55.5485C41.5964 55.2475 41.1217 54.8481 40.7744 54.3503C40.6129 54.1108 40.4822 53.8539 40.3823 53.5796C40.2041 53.0902 40.6209 52.6312 41.1417 52.6312C41.5553 52.6312 41.8957 52.932 42.0942 53.2949C42.2361 53.5542 42.4271 53.7845 42.6672 53.9856C43.0955 54.333 43.6628 54.5066 44.369 54.5066C44.8899 54.5066 45.3357 54.385 45.7061 54.1419C46.0766 53.8988 46.3602 53.5689 46.557 53.1521C46.7654 52.7238 46.8696 52.2433 46.8696 51.7108C46.8696 51.1783 46.7654 50.7152 46.557 50.3216C46.3602 49.9164 46.0824 49.6038 45.7235 49.3839C45.3646 49.1523 44.942 49.0366 44.4558 49.0366C43.8654 49.0366 43.3676 49.1581 42.9624 49.4012C42.7287 49.5348 42.524 49.6856 42.348 49.8538C42.1104 50.081 41.811 50.2521 41.4822 50.2521H41.4539C40.8469 50.2521 40.3799 49.7159 40.4634 49.1147L41.19 43.8774C41.2106 43.7291 41.3374 43.6187 41.4872 43.6187H47.1214C47.5386 43.6187 47.8768 43.9568 47.8768 44.374C47.8768 44.7912 47.5386 45.1294 47.1214 45.1294H42.5457L41.9726 48.6198C42.2504 48.3188 42.6209 48.0757 43.084 47.8905C43.547 47.6937 44.0796 47.5953 44.6816 47.5953C45.2951 47.5953 45.8392 47.7053 46.3139 47.9252C46.7885 48.1336 47.1937 48.4288 47.5295 48.8108C47.8652 49.1813 48.1141 49.6154 48.2762 50.1132C48.4498 50.611 48.5366 51.1378 48.5366 51.6934C48.5366 52.2954 48.4382 52.8569 48.2414 53.3779C48.0446 53.8872 47.761 54.3387 47.3905 54.7324C47.0316 55.126 46.5975 55.4327 46.0881 55.6527C45.5788 55.8727 44.9999 55.9826 44.3516 55.9826Z" fill="#0E3781"/>
+<path d="M8.25269 49.5262L6.26519 47.8499L4.7921 49.5965L6.33493 51.2818L8.25269 49.5262ZM9.49288 48.1401L11.3787 49.93H11.3787L9.49288 48.1401ZM19.4541 41.1273L20.4941 43.5102L20.4941 43.5102L19.4541 41.1273ZM42.9541 41.1273L41.9141 43.5102L42.9541 41.1273ZM52.9153 48.1401L51.0294 49.93L51.0294 49.93L52.9153 48.1401ZM53.0005 48.2303L55.0162 49.8726L56.4552 48.1064L54.8934 46.4479L53.0005 48.2303ZM10.2402 51.2024C10.6075 50.767 10.9871 50.3426 11.3787 49.93L7.60702 46.3503C7.14515 46.8369 6.69772 47.3371 6.26519 47.8499L10.2402 51.2024ZM11.3787 49.93C13.9951 47.1733 17.0938 44.9942 20.4941 43.5102L18.4141 38.7443C14.3639 40.5119 10.693 43.0988 7.60702 46.3503L11.3787 49.93ZM20.4941 43.5102C23.894 42.0264 27.5328 41.2647 31.2041 41.2647V36.0647C26.8111 36.0647 22.4646 36.9765 18.4141 38.7443L20.4941 43.5102ZM31.2041 41.2647C34.8754 41.2647 38.5142 42.0264 41.9141 43.5102L43.9941 38.7443C39.9436 36.9765 35.5971 36.0647 31.2041 36.0647V41.2647ZM41.9141 43.5102C45.3144 44.9942 48.4131 47.1733 51.0294 49.93L54.8011 46.3503C51.7152 43.0988 48.0442 40.5119 43.9941 38.7443L41.9141 43.5102ZM51.0294 49.93C51.0555 49.9574 51.0816 49.985 51.1077 50.0128L54.8934 46.4479C54.8628 46.4154 54.832 46.3828 54.8011 46.3503L51.0294 49.93ZM50.9849 46.588C46.0359 52.6621 38.5046 56.5342 30.0669 56.5342V61.7342C40.1339 61.7342 49.122 57.1067 55.0162 49.8726L50.9849 46.588ZM30.0669 56.5342C22.1897 56.5342 15.1044 53.1602 10.1704 47.7705L6.33493 51.2818C12.2125 57.7021 20.6707 61.7342 30.0669 61.7342V56.5342Z" fill="#0E3781" mask="url(#path-4-inside-1_4026_790)"/>
+<path d="M64.0001 49.3282C64.0001 57.2271 57.5967 63.6306 49.6977 63.6306C41.7987 63.6306 35.3953 57.2271 35.3953 49.3282C35.3953 41.4292 41.7987 35.0258 49.6977 35.0258C57.5967 35.0258 64.0001 41.4292 64.0001 49.3282Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.6977 61.2468C56.2802 61.2468 61.6163 55.9107 61.6163 49.3282C61.6163 42.7457 56.2802 37.4095 49.6977 37.4095C43.1152 37.4095 37.779 42.7457 37.779 49.3282C37.779 55.9107 43.1152 61.2468 49.6977 61.2468ZM49.6977 63.6306C57.5967 63.6306 64.0001 57.2271 64.0001 49.3282C64.0001 41.4292 57.5967 35.0258 49.6977 35.0258C41.7987 35.0258 35.3953 41.4292 35.3953 49.3282C35.3953 57.2271 41.7987 63.6306 49.6977 63.6306Z" fill="#0E3781"/>
+<path d="M52.9391 55.6144C51.9204 55.6144 51.0463 55.3539 50.317 54.8329C49.5876 54.3004 49.0204 53.5653 48.6152 52.6276C48.2216 51.6783 48.0248 50.5785 48.0248 49.3282C48.0248 48.0779 48.2216 46.9839 48.6152 46.0462C49.0204 45.0969 49.5876 44.3617 50.317 43.8408C51.0463 43.3083 51.9204 43.042 52.9391 43.042C53.9695 43.042 54.8435 43.3083 55.5613 43.8408C56.2906 44.3617 56.8521 45.0969 57.2457 46.0462C57.6393 46.9839 57.8361 48.0779 57.8361 49.3282C57.8361 50.5785 57.6393 51.6783 57.2457 52.6276C56.8521 53.5653 56.2906 54.3004 55.5613 54.8329C54.8435 55.3539 53.9695 55.6144 52.9391 55.6144ZM52.9391 54.0689C53.5411 54.0689 54.0736 53.8779 54.5367 53.4958C55.0114 53.1138 55.3818 52.5697 55.6481 51.8635C55.9259 51.1573 56.0649 50.3122 56.0649 49.3282C56.0649 48.3326 55.9259 47.4875 55.6481 46.7929C55.3818 46.0867 55.0114 45.5484 54.5367 45.1779C54.0736 44.7959 53.5411 44.6049 52.9391 44.6049C52.3371 44.6049 51.793 44.7959 51.3068 45.1779C50.8322 45.5484 50.4617 46.0867 50.1954 46.7929C49.9292 47.4875 49.796 48.3326 49.796 49.3282C49.796 50.3122 49.9292 51.1573 50.1954 51.8635C50.4617 52.5697 50.8322 53.1138 51.3068 53.4958C51.793 53.8779 52.3371 54.0689 52.9391 54.0689Z" fill="#0E3781"/>
+<path d="M44.9627 55.4059C44.4735 55.4059 44.077 55.0094 44.077 54.5202V45.2125L42.4762 45.7424C42.0246 45.8919 41.5591 45.5556 41.5591 45.0799C41.5591 44.802 41.7241 44.5505 41.9791 44.4398L44.5415 43.3275C44.6589 43.2765 44.7856 43.2502 44.9136 43.2502C45.4298 43.2502 45.8483 43.6687 45.8483 44.1849V54.5202C45.8483 55.0094 45.4518 55.4059 44.9627 55.4059Z" fill="#0E3781"/>
 </svg>`;
diff --git a/libs/angular/src/tools/achievements/icons/notes/index.ts b/libs/angular/src/tools/achievements/icons/notes/index.ts
new file mode 100644
index 00000000000..603a41b0389
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/notes/index.ts
@@ -0,0 +1 @@
+export { OneSecureNoteCreatedIcon } from "./one-secure-note-created.icon";
diff --git a/libs/angular/src/tools/achievements/icons/notes/one-secure-note-created.icon.ts b/libs/angular/src/tools/achievements/icons/notes/one-secure-note-created.icon.ts
new file mode 100644
index 00000000000..968c5d6df52
--- /dev/null
+++ b/libs/angular/src/tools/achievements/icons/notes/one-secure-note-created.icon.ts
@@ -0,0 +1,13 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const OneSecureNoteCreatedIcon = svgIcon`<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="32" cy="32" r="32" fill="#F3F6F9"/>
+<path d="M0 18.201C0 13.7475 3.61026 10.1372 8.06375 10.1372H51.0704C55.5239 10.1372 59.1342 13.7475 59.1342 18.201V45.0801C59.1342 49.5336 55.5239 53.1439 51.0704 53.1439H8.06375C3.61026 53.1439 0 49.5336 0 45.0801V18.201Z" fill="#99BAF4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.0704 12.8251H8.06375C5.09476 12.8251 2.68792 15.232 2.68792 18.201V45.0801C2.68792 48.0491 5.09476 50.4559 8.06375 50.4559H51.0704C54.0394 50.4559 56.4462 48.0491 56.4462 45.0801V18.201C56.4462 15.232 54.0394 12.8251 51.0704 12.8251ZM8.06375 10.1372C3.61026 10.1372 0 13.7475 0 18.201V45.0801C0 49.5336 3.61026 53.1439 8.06375 53.1439H51.0704C55.5239 53.1439 59.1342 49.5336 59.1342 45.0801V18.201C59.1342 13.7475 55.5239 10.1372 51.0704 10.1372H8.06375Z" fill="#0E3781"/>
+<path d="M9.40784 22.2328C9.40784 21.4905 10.0095 20.8888 10.7518 20.8888H48.3826C49.1249 20.8888 49.7266 21.4905 49.7266 22.2328C49.7266 22.975 49.1249 23.5767 48.3826 23.5767H10.7518C10.0095 23.5767 9.40784 22.975 9.40784 22.2328Z" fill="#0E3781"/>
+<path d="M9.40784 31.6406C9.40784 30.8983 10.0095 30.2966 10.7518 30.2966H48.3826C49.1249 30.2966 49.7266 30.8983 49.7266 31.6406C49.7266 32.3828 49.1249 32.9845 48.3826 32.9845H10.7518C10.0095 32.9845 9.40784 32.3828 9.40784 31.6406Z" fill="#0E3781"/>
+<path d="M9.40784 41.0481C9.40784 40.3058 10.0095 39.7041 10.7518 39.7041H28.2232C28.9655 39.7041 29.5672 40.3058 29.5672 41.0481C29.5672 41.7903 28.9655 42.392 28.2232 42.392H10.7518C10.0095 42.392 9.40784 41.7903 9.40784 41.0481Z" fill="#0E3781"/>
+<path d="M64.0001 49.3805C64.0001 57.2795 57.5967 63.6829 49.6977 63.6829C41.7987 63.6829 35.3953 57.2795 35.3953 49.3805C35.3953 41.4815 41.7987 35.0781 49.6977 35.0781C57.5967 35.0781 64.0001 41.4815 64.0001 49.3805Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.6977 61.2992C56.2802 61.2992 61.6163 55.963 61.6163 49.3805C61.6163 42.798 56.2802 37.4619 49.6977 37.4619C43.1152 37.4619 37.779 42.798 37.779 49.3805C37.779 55.963 43.1152 61.2992 49.6977 61.2992ZM49.6977 63.6829C57.5967 63.6829 64.0001 57.2795 64.0001 49.3805C64.0001 41.4815 57.5967 35.0781 49.6977 35.0781C41.7987 35.0781 35.3953 41.4815 35.3953 49.3805C35.3953 57.2795 41.7987 63.6829 49.6977 63.6829Z" fill="#0E3781"/>
+<path d="M49.9248 57.6766C49.3726 57.6766 48.9248 57.2289 48.9248 56.6766V44.8912C48.9248 44.826 48.8634 44.7782 48.8002 44.7943L47.2997 45.1756C46.7627 45.312 46.2408 44.9062 46.2408 44.3521C46.2408 44.0136 46.4417 43.7074 46.7522 43.5727L49.3579 42.4419C49.6092 42.3329 49.8802 42.2766 50.1541 42.2766H50.1688C50.7211 42.2766 51.1688 42.7243 51.1688 43.2766V56.6766C51.1688 57.2289 50.7211 57.6766 50.1688 57.6766H49.9248Z" fill="#0E3781"/>
+</svg>`;