From dbbb54fb5539fba2dfb7c168299330e33eb94475 Mon Sep 17 00:00:00 2001
From: Daniel James Smith <djsmith85@users.noreply.github.com>
Date: Thu, 20 Mar 2025 11:34:37 +0100
Subject: [PATCH] Add achieved and not-achieved svg icons

---
 .../tools/achievements/achievement-icon.ts    | 29 +++++++++++++++++++
 .../tools/achievements/not-achieved-icon.ts   |  5 ++++
 2 files changed, 34 insertions(+)
 create mode 100644 libs/angular/src/tools/achievements/achievement-icon.ts
 create mode 100644 libs/angular/src/tools/achievements/not-achieved-icon.ts

diff --git a/libs/angular/src/tools/achievements/achievement-icon.ts b/libs/angular/src/tools/achievements/achievement-icon.ts
new file mode 100644
index 00000000000..3924465e38a
--- /dev/null
+++ b/libs/angular/src/tools/achievements/achievement-icon.ts
@@ -0,0 +1,29 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const AchievementIcon = svgIcon`<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="34" cy="34" r="32" fill="#F3F6F9"/>
+<path d="M42.6164 48.0626L9.85283 61.7141C8.83254 62.1392 7.65655 61.9066 6.87498 61.125C6.09341 60.3434 5.86077 59.1674 6.28589 58.1472L19.9374 25.3836C20.9555 22.94 23.6558 21.6613 26.1913 22.422L27.1144 22.6989C35.8481 25.319 42.681 32.1519 45.3011 40.8856L45.578 41.8087C46.3387 44.3442 45.0599 47.0445 42.6164 48.0626Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1188 56.6033C20.1706 55.1191 18.2516 53.4464 16.4026 51.5974C14.5536 49.7484 12.8809 47.8294 11.3967 45.8812L11.9732 44.4976C13.5288 46.6019 15.3143 48.6824 17.3159 50.6841C19.3176 52.6857 21.3981 54.4712 23.5024 56.0268L22.1188 56.6033ZM16.6688 58.8741C15.3416 57.7421 14.0317 56.5334 12.7491 55.2509C11.4665 53.9683 10.2579 52.6584 9.1259 51.3312L8.57013 52.665C9.60045 53.8495 10.6897 55.0181 11.8358 56.1642C12.9819 57.3103 14.1505 58.3995 15.335 59.4299L16.6688 58.8741ZM29.4362 53.5544C26.5843 51.8514 23.7238 49.6325 21.0456 46.9543C18.3675 44.2762 16.1486 41.4157 14.4456 38.5638L15.0702 37.0649C16.765 40.0862 19.0817 43.1637 21.959 46.041C24.8363 48.9183 27.9138 51.235 30.9351 52.9298L29.4362 53.5544ZM17.8871 30.3043C18.9585 34.2111 21.5916 38.6119 25.4899 42.5101C29.3881 46.4084 33.7889 49.0415 37.6958 50.1129L39.7899 49.2403C39.1254 49.1428 38.4227 48.986 37.685 48.7664C34.1175 47.7049 30.0542 45.2478 26.4032 41.5968C22.7522 37.9458 20.2951 33.8825 19.2335 30.315C19.014 29.5773 18.8572 28.8746 18.7597 28.2101L17.8871 30.3043Z" fill="white"/>
+<path d="M37.0076 30.9924C42.304 36.2889 44.962 42.2183 42.9443 44.236C40.9266 46.2537 34.9973 43.5957 29.7008 38.2992C24.4043 33.0027 21.7463 27.0734 23.764 25.0557C25.7818 23.038 31.7111 25.696 37.0076 30.9924Z" fill="#99BAF4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5401 39.3721C40.545 37.1523 38.6605 34.4721 36.0942 31.9058C33.5279 29.3395 30.8477 27.455 28.6279 26.4599C27.5136 25.9604 26.5798 25.7141 25.8723 25.6772C25.1644 25.6402 24.8325 25.8139 24.6774 25.969C24.5223 26.1242 24.3485 26.4561 24.3855 27.164C24.4225 27.8715 24.6687 28.8053 25.1683 29.9195C26.1633 32.1394 28.0478 34.8196 30.6141 37.3859C33.1805 39.9522 35.8606 41.8367 38.0805 42.8318C39.1947 43.3313 40.1285 43.5775 40.836 43.6145C41.5439 43.6515 41.8758 43.4777 42.031 43.3226C42.1861 43.1675 42.3598 42.8356 42.3228 42.1277C42.2859 41.4202 42.0396 40.4864 41.5401 39.3721ZM42.9443 44.236C44.962 42.2183 42.304 36.2889 37.0076 30.9924C31.7111 25.696 25.7818 23.038 23.764 25.0557C21.7463 27.0734 24.4043 33.0027 29.7008 38.2992C34.9973 43.5957 40.9266 46.2537 42.9443 44.236Z" fill="#0E3781"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0057 23.0406C23.7872 22.375 21.4244 23.4939 20.5336 25.6319L6.88208 58.3956C6.55762 59.1743 6.73517 60.0718 7.33169 60.6683C7.92821 61.2648 8.82576 61.4424 9.60447 61.1179L42.3681 47.4664C44.5061 46.5756 45.625 44.2129 44.9595 41.9943L44.6825 41.0712C42.1248 32.5454 35.4546 25.8752 26.9288 23.3175L26.0057 23.0406ZM19.3413 25.1352C20.4867 22.3862 23.5244 20.9476 26.3769 21.8034L27.3 22.0803C36.2416 24.7628 43.2372 31.7584 45.9197 40.7L46.1967 41.6231C47.0524 44.4756 45.6138 47.5134 42.8649 48.6587L10.1013 62.3102C8.8394 62.836 7.38498 62.5483 6.41835 61.5817C5.45172 60.615 5.164 59.1606 5.68977 57.8988L19.3413 25.1352Z" fill="#0E3781"/>
+<path d="M33.5246 5.96072C33.5761 5.73971 33.7731 5.58334 34 5.58334C34.2269 5.58334 34.4239 5.73971 34.4754 5.96072L34.4996 6.0643C34.8345 7.50158 35.9568 8.62383 37.394 8.95876L37.4976 8.98289C37.7186 9.0344 37.875 9.2314 37.875 9.45834C37.875 9.68527 37.7186 9.88228 37.4976 9.93378L37.394 9.95791C35.9568 10.2928 34.8345 11.4151 34.4996 12.8524L34.4754 12.9559C34.4239 13.177 34.2269 13.3333 34 13.3333C33.7731 13.3333 33.5761 13.177 33.5246 12.9559L33.5004 12.8524C33.1655 11.4151 32.0432 10.2928 30.606 9.95791L30.5024 9.93378C30.2814 9.88228 30.125 9.68527 30.125 9.45834C30.125 9.2314 30.2814 9.0344 30.5024 8.98289L30.606 8.95876C32.0432 8.62383 33.1655 7.50157 33.5004 6.0643L33.5246 5.96072Z" fill="#0E3781"/>
+<path d="M58.0662 15.6482C58.1177 15.4272 58.3147 15.2708 58.5417 15.2708C58.7686 15.2708 58.9656 15.4272 59.0171 15.6482L59.0412 15.7518C59.3762 17.1891 60.4984 18.3113 61.9357 18.6463L62.0393 18.6704C62.2603 18.7219 62.4167 18.9189 62.4167 19.1458C62.4167 19.3728 62.2603 19.5698 62.0393 19.6213L61.9357 19.6454C60.4984 19.9803 59.3762 21.1026 59.0412 22.5399L59.0171 22.6434C58.9656 22.8645 58.7686 23.0208 58.5417 23.0208C58.3147 23.0208 58.1177 22.8645 58.0662 22.6434L58.0421 22.5399C57.7071 21.1026 56.5849 19.9803 55.1476 19.6454L55.044 19.6213C54.823 19.5698 54.6667 19.3728 54.6667 19.1458C54.6667 18.9189 54.823 18.7219 55.044 18.6704L55.1476 18.6463C56.5849 18.3113 57.7071 17.1891 58.0421 15.7518L58.0662 15.6482Z" fill="#0E3781"/>
+<path d="M49.6704 55.0441C49.7219 54.823 49.9189 54.6667 50.1458 54.6667C50.3728 54.6667 50.5698 54.823 50.6213 55.0441L50.6454 55.1476C50.9804 56.5849 52.1026 57.7072 53.5399 58.0421L53.6435 58.0662C53.8645 58.1177 54.0208 58.3147 54.0208 58.5417C54.0208 58.7686 53.8645 58.9656 53.6435 59.0171L53.5399 59.0412C52.1026 59.3762 50.9804 60.4984 50.6454 61.9357L50.6213 62.0393C50.5698 62.2603 50.3728 62.4167 50.1458 62.4167C49.9189 62.4167 49.7219 62.2603 49.6704 62.0393L49.6463 61.9357C49.3113 60.4984 48.1891 59.3762 46.7518 59.0412L46.6482 59.0171C46.4272 58.9656 46.2708 58.7686 46.2708 58.5417C46.2708 58.3147 46.4272 58.1177 46.6482 58.0662L46.7518 58.0421C48.1891 57.7072 49.3113 56.5849 49.6463 55.1476L49.6704 55.0441Z" fill="#0E3781"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.0584 36.8184C53.2929 35.0529 50.4305 35.0529 48.665 36.8184C48.4128 37.0706 48.0039 37.0706 47.7517 36.8184C47.4995 36.5662 47.4995 36.1573 47.7517 35.905C50.0216 33.6351 53.7019 33.6351 55.9718 35.905C56.224 36.1573 56.224 36.5662 55.9718 36.8184C55.7196 37.0706 55.3107 37.0706 55.0584 36.8184Z" fill="#0E3781"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.9766 30.3299C54.3 28.2072 49.5987 29.4669 47.476 33.1435C47.2976 33.4524 46.9026 33.5583 46.5937 33.3799C46.2848 33.2016 46.179 32.8066 46.3573 32.4977C48.8367 28.2033 54.328 26.7319 58.6224 29.2113C58.9313 29.3896 59.0372 29.7846 58.8588 30.0935C58.6805 30.4024 58.2855 30.5082 57.9766 30.3299Z" fill="#0E3781"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 14.625C20.9968 14.625 23.0208 16.649 23.0208 19.1458C23.0208 19.5025 23.31 19.7917 23.6667 19.7917C24.0234 19.7917 24.3125 19.5025 24.3125 19.1458C24.3125 15.9357 21.7102 13.3333 18.5 13.3333C18.1433 13.3333 17.8542 13.6225 17.8542 13.9792C17.8542 14.3359 18.1433 14.625 18.5 14.625Z" fill="#0E3781"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0166 9.41765C24.3561 10.2898 25.5457 12.8933 24.6736 15.2328C24.549 15.5671 24.7189 15.939 25.0532 16.0636C25.3874 16.1882 25.7593 16.0182 25.8839 15.684C27.0052 12.6761 25.4758 9.32864 22.4678 8.20734C22.1336 8.08275 21.7616 8.25269 21.6371 8.58691C21.5125 8.92113 21.6824 9.29306 22.0166 9.41765Z" fill="#0E3781"/>
+<path d="M44.9792 16.5625C44.9792 17.9892 43.8226 19.1458 42.3958 19.1458C40.9691 19.1458 39.8125 17.9892 39.8125 16.5625C39.8125 15.1358 40.9691 13.9792 42.3958 13.9792C43.8226 13.9792 44.9792 15.1358 44.9792 16.5625Z" fill="#99BAF4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.3958 17.8542C43.1092 17.8542 43.6875 17.2759 43.6875 16.5625C43.6875 15.8491 43.1092 15.2708 42.3958 15.2708C41.6825 15.2708 41.1042 15.8491 41.1042 16.5625C41.1042 17.2759 41.6825 17.8542 42.3958 17.8542ZM42.3958 19.1458C43.8226 19.1458 44.9792 17.9892 44.9792 16.5625C44.9792 15.1358 43.8226 13.9792 42.3958 13.9792C40.9691 13.9792 39.8125 15.1358 39.8125 16.5625C39.8125 17.9892 40.9691 19.1458 42.3958 19.1458Z" fill="#0E3781"/>
+<path d="M48.8542 24.3125C48.8542 25.3826 47.9867 26.25 46.9167 26.25C45.8466 26.25 44.9792 25.3826 44.9792 24.3125C44.9792 23.2424 45.8466 22.375 46.9167 22.375C47.9867 22.375 48.8542 23.2424 48.8542 24.3125Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.9167 24.9583C47.2733 24.9583 47.5625 24.6692 47.5625 24.3125C47.5625 23.9558 47.2733 23.6667 46.9167 23.6667C46.56 23.6667 46.2708 23.9558 46.2708 24.3125C46.2708 24.6692 46.56 24.9583 46.9167 24.9583ZM46.9167 26.25C47.9867 26.25 48.8542 25.3826 48.8542 24.3125C48.8542 23.2424 47.9867 22.375 46.9167 22.375C45.8466 22.375 44.9792 23.2424 44.9792 24.3125C44.9792 25.3826 45.8466 26.25 46.9167 26.25Z" fill="#0E3781"/>
+<path d="M41.75 55.9583C41.75 57.0284 40.8826 57.8958 39.8125 57.8958C38.7424 57.8958 37.875 57.0284 37.875 55.9583C37.875 54.8883 38.7424 54.0208 39.8125 54.0208C40.8826 54.0208 41.75 54.8883 41.75 55.9583Z" fill="#DBE5F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.8125 56.6042C40.1692 56.6042 40.4583 56.315 40.4583 55.9583C40.4583 55.6017 40.1692 55.3125 39.8125 55.3125C39.4558 55.3125 39.1667 55.6017 39.1667 55.9583C39.1667 56.315 39.4558 56.6042 39.8125 56.6042ZM39.8125 57.8958C40.8826 57.8958 41.75 57.0284 41.75 55.9583C41.75 54.8883 40.8826 54.0208 39.8125 54.0208C38.7424 54.0208 37.875 54.8883 37.875 55.9583C37.875 57.0284 38.7424 57.8958 39.8125 57.8958Z" fill="#0E3781"/>
+<path d="M59.8333 44.3333C59.8333 46.1168 58.3876 47.5625 56.6042 47.5625C54.8207 47.5625 53.375 46.1168 53.375 44.3333C53.375 42.5499 54.8207 41.1042 56.6042 41.1042C58.3876 41.1042 59.8333 42.5499 59.8333 44.3333Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M56.6042 46.2708C57.6742 46.2708 58.5417 45.4034 58.5417 44.3333C58.5417 43.2633 57.6742 42.3958 56.6042 42.3958C55.5341 42.3958 54.6667 43.2633 54.6667 44.3333C54.6667 45.4034 55.5341 46.2708 56.6042 46.2708ZM56.6042 47.5625C58.3876 47.5625 59.8333 46.1168 59.8333 44.3333C59.8333 42.5499 58.3876 41.1042 56.6042 41.1042C54.8207 41.1042 53.375 42.5499 53.375 44.3333C53.375 46.1168 54.8207 47.5625 56.6042 47.5625Z" fill="#0E3781"/>
+<path d="M38.5208 20.7604C38.5208 22.0088 37.5088 23.0208 36.2604 23.0208C35.012 23.0208 34 22.0088 34 20.7604C34 19.512 35.012 18.5 36.2604 18.5C37.5088 18.5 38.5208 19.512 38.5208 20.7604Z" fill="#FFBF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.2604 21.7292C36.7954 21.7292 37.2292 21.2954 37.2292 20.7604C37.2292 20.2254 36.7954 19.7917 36.2604 19.7917C35.7254 19.7917 35.2917 20.2254 35.2917 20.7604C35.2917 21.2954 35.7254 21.7292 36.2604 21.7292ZM36.2604 23.0208C37.5088 23.0208 38.5208 22.0088 38.5208 20.7604C38.5208 19.512 37.5088 18.5 36.2604 18.5C35.012 18.5 34 19.512 34 20.7604C34 22.0088 35.012 23.0208 36.2604 23.0208Z" fill="#0E3781"/>
+<path d="M57.25 10.1042C57.25 12.601 55.226 14.625 52.7292 14.625C50.2324 14.625 48.2083 12.601 48.2083 10.1042C48.2083 7.60738 50.2324 5.58334 52.7292 5.58334C55.226 5.58334 57.25 7.60738 57.25 10.1042Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.7292 13.3333C54.5126 13.3333 55.9583 11.8876 55.9583 10.1042C55.9583 8.32075 54.5126 6.875 52.7292 6.875C50.9458 6.875 49.5 8.32075 49.5 10.1042C49.5 11.8876 50.9458 13.3333 52.7292 13.3333ZM52.7292 14.625C55.226 14.625 57.25 12.601 57.25 10.1042C57.25 7.60738 55.226 5.58334 52.7292 5.58334C50.2324 5.58334 48.2083 7.60738 48.2083 10.1042C48.2083 12.601 50.2324 14.625 52.7292 14.625Z" fill="#0E3781"/>
+</svg>`;
diff --git a/libs/angular/src/tools/achievements/not-achieved-icon.ts b/libs/angular/src/tools/achievements/not-achieved-icon.ts
new file mode 100644
index 00000000000..e58ee1a345f
--- /dev/null
+++ b/libs/angular/src/tools/achievements/not-achieved-icon.ts
@@ -0,0 +1,5 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const NotAchievedIcon = svgIcon`<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="34" cy="34" r="32" fill="#F3F6F9"/>
+</svg>`;