From 82631a618779f3c67a036086789d9a198b66a5aa Mon Sep 17 00:00:00 2001
From: Jimmy Vo <huynhmaivo82@gmail.com>
Date: Fri, 11 Apr 2025 13:24:43 -0400
Subject: [PATCH] [PM-19814] Add phishing icon

---
 .../images/phishing-landing-icon.ts           | 33 +++++++++++++++++++
 apps/browser/src/popup/app-routing.module.ts  |  4 +--
 2 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 apps/browser/src/phishing-detection/images/phishing-landing-icon.ts

diff --git a/apps/browser/src/phishing-detection/images/phishing-landing-icon.ts b/apps/browser/src/phishing-detection/images/phishing-landing-icon.ts
new file mode 100644
index 00000000000..91b76141164
--- /dev/null
+++ b/apps/browser/src/phishing-detection/images/phishing-landing-icon.ts
@@ -0,0 +1,33 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const PhishingLandingIcon = svgIcon`
+    <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M56.25 8.33333C56.25 3.73096 59.981 0 64.5833 0H72.9167C77.519 0 81.25 3.73096 81.25 8.33333V12.5H56.25V8.33333Z" fill="#99BAF4"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M72.9167 2.08333H64.5833C61.1316 2.08333 58.3333 4.88155 58.3333 8.33333V10.4167H79.1667V8.33333C79.1667 4.88155 76.3684 2.08333 72.9167 2.08333ZM64.5833 0C59.981 0 56.25 3.73096 56.25 8.33333V12.5H81.25V8.33333C81.25 3.73096 77.519 0 72.9167 0H64.5833Z" fill="#0E3781"/>
+    <path d="M48.9584 16.6666C48.9584 12.0643 52.6893 8.33331 57.2917 8.33331H80.2084C84.8107 8.33331 88.5417 12.0643 88.5417 16.6666V22.9166H48.9584V16.6666Z" fill="#99BAF4"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M80.2084 10.4166H57.2917C53.8399 10.4166 51.0417 13.2149 51.0417 16.6666V20.8333H86.4584V16.6666C86.4584 13.2149 83.6602 10.4166 80.2084 10.4166ZM57.2917 8.33331C52.6893 8.33331 48.9584 12.0643 48.9584 16.6666V22.9166H88.5417V16.6666C88.5417 12.0643 84.8107 8.33331 80.2084 8.33331H57.2917Z" fill="#0E3781"/>
+    <path d="M41.6666 27.0833C41.6666 22.481 45.3976 18.75 50 18.75H87.5C92.1023 18.75 95.8333 22.481 95.8333 27.0833V95.8333H41.6666V27.0833Z" fill="#99BAF4"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M87.5 20.8333H50C46.5482 20.8333 43.75 23.6316 43.75 27.0833V93.75H93.75V27.0833C93.75 23.6316 90.9517 20.8333 87.5 20.8333ZM50 18.75C45.3976 18.75 41.6666 22.481 41.6666 27.0833V95.8333H95.8333V27.0833C95.8333 22.481 92.1023 18.75 87.5 18.75H50Z" fill="#0E3781"/>
+    <path d="M4.16663 45.8333C4.16663 41.231 7.89759 37.5 12.5 37.5H52.0833C56.6857 37.5 60.4166 41.231 60.4166 45.8333V95.8333H4.16663V45.8333Z" fill="#DBE5F6"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M52.0833 39.5833H12.5C9.04818 39.5833 6.24996 42.3816 6.24996 45.8333V93.75H58.3333V45.8333C58.3333 42.3816 55.5351 39.5833 52.0833 39.5833ZM12.5 37.5C7.89759 37.5 4.16663 41.231 4.16663 45.8333V95.8333H60.4166V45.8333C60.4166 41.231 56.6857 37.5 52.0833 37.5H12.5Z" fill="#0E3781"/>
+    <path d="M71.539 62.9529C73.5471 59.4989 78.5361 59.4989 80.5443 62.9529L97.5332 92.1739C99.5519 95.6461 97.047 100 93.0306 100H59.0527C55.0363 100 52.5313 95.6461 54.5501 92.1739L71.539 62.9529Z" fill="#FFBF00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M95.7322 93.221L78.7432 64C77.5383 61.9276 74.5449 61.9276 73.34 64L56.3511 93.221C55.1399 95.3043 56.6429 97.9167 59.0527 97.9167H93.0306C95.4404 97.9167 96.9434 95.3043 95.7322 93.221ZM80.5443 62.9529C78.5361 59.4989 73.5471 59.4989 71.539 62.9529L54.5501 92.1739C52.5313 95.6461 55.0363 100 59.0527 100H93.0306C97.047 100 99.5519 95.6461 97.5332 92.1739L80.5443 62.9529Z" fill="#0E3781"/>
+    <path d="M78.125 91.6666C78.125 92.8172 77.1923 93.75 76.0417 93.75C74.8911 93.75 73.9584 92.8172 73.9584 91.6666C73.9584 90.5161 74.8911 89.5833 76.0417 89.5833C77.1923 89.5833 78.125 90.5161 78.125 91.6666Z" fill="#0E3781"/>
+    <path d="M72.9784 73.493C72.9454 73.1852 73.1866 72.9167 73.4962 72.9167H78.587C78.8966 72.9167 79.1378 73.1852 79.1049 73.493L77.654 87.0347C77.6256 87.2993 77.4023 87.5 77.1361 87.5H74.9471C74.681 87.5 74.4576 87.2993 74.4293 87.0347L72.9784 73.493Z" fill="#0E3781"/>
+    <path d="M21.875 83.3333C21.875 78.731 25.606 75 30.2083 75H34.375C38.9774 75 42.7083 78.731 42.7083 83.3333V95.8333H21.875V83.3333Z" fill="#99BAF4"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M34.375 77.0833H30.2083C26.7566 77.0833 23.9583 79.8816 23.9583 83.3333V93.75H40.625V83.3333C40.625 79.8816 37.8268 77.0833 34.375 77.0833ZM30.2083 75C25.606 75 21.875 78.731 21.875 83.3333V95.8333H42.7083V83.3333C42.7083 78.731 38.9774 75 34.375 75H30.2083Z" fill="#0E3781"/>
+    <path d="M13.5416 47.9167C13.5416 47.3414 14.008 46.875 14.5833 46.875H22.9166C23.4919 46.875 23.9583 47.3414 23.9583 47.9167V56.25C23.9583 56.8253 23.4919 57.2917 22.9166 57.2917H14.5833C14.008 57.2917 13.5416 56.8253 13.5416 56.25V47.9167Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.625 48.9583V55.2083H21.875V48.9583H15.625ZM14.5833 46.875C14.008 46.875 13.5416 47.3414 13.5416 47.9167V56.25C13.5416 56.8253 14.008 57.2917 14.5833 57.2917H22.9166C23.4919 57.2917 23.9583 56.8253 23.9583 56.25V47.9167C23.9583 47.3414 23.4919 46.875 22.9166 46.875H14.5833Z" fill="#0E3781"/>
+    <path d="M13.5416 61.4584C13.5416 60.8831 14.008 60.4167 14.5833 60.4167H22.9166C23.4919 60.4167 23.9583 60.8831 23.9583 61.4584V69.7917C23.9583 70.367 23.4919 70.8334 22.9166 70.8334H14.5833C14.008 70.8334 13.5416 70.367 13.5416 69.7917V61.4584Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.625 62.5V68.75H21.875V62.5H15.625ZM14.5833 60.4167C14.008 60.4167 13.5416 60.8831 13.5416 61.4584V69.7917C13.5416 70.367 14.008 70.8334 14.5833 70.8334H22.9166C23.4919 70.8334 23.9583 70.367 23.9583 69.7917V61.4584C23.9583 60.8831 23.4919 60.4167 22.9166 60.4167H14.5833Z" fill="#0E3781"/>
+    <path d="M27.0834 47.9167C27.0834 47.3414 27.5497 46.875 28.125 46.875H36.4584C37.0337 46.875 37.5 47.3414 37.5 47.9167V56.25C37.5 56.8253 37.0337 57.2917 36.4584 57.2917H28.125C27.5497 57.2917 27.0834 56.8253 27.0834 56.25V47.9167Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.1667 48.9583V55.2083H35.4167V48.9583H29.1667ZM28.125 46.875C27.5497 46.875 27.0834 47.3414 27.0834 47.9167V56.25C27.0834 56.8253 27.5497 57.2917 28.125 57.2917H36.4584C37.0337 57.2917 37.5 56.8253 37.5 56.25V47.9167C37.5 47.3414 37.0337 46.875 36.4584 46.875H28.125Z" fill="#0E3781"/>
+    <path d="M27.0834 61.4584C27.0834 60.8831 27.5497 60.4167 28.125 60.4167H36.4584C37.0337 60.4167 37.5 60.8831 37.5 61.4584V69.7917C37.5 70.367 37.0337 70.8334 36.4584 70.8334H28.125C27.5497 70.8334 27.0834 70.367 27.0834 69.7917V61.4584Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.1667 62.5V68.75H35.4167V62.5H29.1667ZM28.125 60.4167C27.5497 60.4167 27.0834 60.8831 27.0834 61.4584V69.7917C27.0834 70.367 27.5497 70.8334 28.125 70.8334H36.4584C37.0337 70.8334 37.5 70.367 37.5 69.7917V61.4584C37.5 60.8831 37.0337 60.4167 36.4584 60.4167H28.125Z" fill="#0E3781"/>
+    <path d="M40.625 61.4584C40.625 60.8831 41.0914 60.4167 41.6667 60.4167H50C50.5753 60.4167 51.0417 60.8831 51.0417 61.4584V69.7917C51.0417 70.367 50.5753 70.8334 50 70.8334H41.6667C41.0914 70.8334 40.625 70.367 40.625 69.7917V61.4584Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M42.7083 62.5V68.75H48.9583V62.5H42.7083ZM41.6667 60.4167C41.0914 60.4167 40.625 60.8831 40.625 61.4584V69.7917C40.625 70.367 41.0914 70.8334 41.6667 70.8334H50C50.5753 70.8334 51.0417 70.367 51.0417 69.7917V61.4584C51.0417 60.8831 50.5753 60.4167 50 60.4167H41.6667Z" fill="#0E3781"/>
+    <path d="M40.625 47.9167C40.625 47.3414 41.0914 46.875 41.6667 46.875H50C50.5753 46.875 51.0417 47.3414 51.0417 47.9167V56.25C51.0417 56.8253 50.5753 57.2917 50 57.2917H41.6667C41.0914 57.2917 40.625 56.8253 40.625 56.25V47.9167Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M42.7083 48.9583V55.2083H48.9583V48.9583H42.7083ZM41.6667 46.875C41.0914 46.875 40.625 47.3414 40.625 47.9167V56.25C40.625 56.8253 41.0914 57.2917 41.6667 57.2917H50C50.5753 57.2917 51.0417 56.8253 51.0417 56.25V47.9167C51.0417 47.3414 50.5753 46.875 50 46.875H41.6667Z" fill="#0E3781"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M48.9584 28.125C48.9584 27.5497 49.4247 27.0833 50 27.0833H56.25C56.8253 27.0833 57.2917 27.5497 57.2917 28.125C57.2917 28.7003 56.8253 29.1666 56.25 29.1666L50 29.1666C49.4247 29.1666 48.9584 28.7003 48.9584 28.125ZM60.4167 27.0833C59.8414 27.0833 59.375 27.5497 59.375 28.125C59.375 28.7003 59.8414 29.1666 60.4167 29.1666L66.6667 29.1666C67.242 29.1666 67.7084 28.7003 67.7084 28.125C67.7084 27.5497 67.242 27.0833 66.6667 27.0833H60.4167ZM69.7917 28.125C69.7917 27.5497 70.2581 27.0833 70.8334 27.0833H77.0834C77.6587 27.0833 78.125 27.5497 78.125 28.125C78.125 28.7003 77.6587 29.1666 77.0834 29.1666L70.8334 29.1666C70.2581 29.1666 69.7917 28.7003 69.7917 28.125ZM80.2084 28.125C80.2084 27.5497 80.6747 27.0833 81.25 27.0833H87.5C88.0753 27.0833 88.5417 27.5497 88.5417 28.125C88.5417 28.7003 88.0753 29.1666 87.5 29.1666L81.25 29.1666C80.6747 29.1666 80.2084 28.7003 80.2084 28.125ZM80.2084 34.375C80.2084 33.7997 80.6747 33.3333 81.25 33.3333L87.5 33.3333C88.0753 33.3333 88.5417 33.7997 88.5417 34.375C88.5417 34.9503 88.0753 35.4166 87.5 35.4166L81.25 35.4166C80.6747 35.4166 80.2084 34.9503 80.2084 34.375ZM81.25 39.5833C80.6747 39.5833 80.2084 40.0497 80.2084 40.625C80.2084 41.2003 80.6747 41.6666 81.25 41.6666L87.5 41.6666C88.0753 41.6666 88.5417 41.2003 88.5417 40.625C88.5417 40.0497 88.0753 39.5833 87.5 39.5833L81.25 39.5833ZM80.2084 46.875C80.2084 46.2997 80.6747 45.8333 81.25 45.8333H87.5C88.0753 45.8333 88.5417 46.2997 88.5417 46.875C88.5417 47.4503 88.0753 47.9166 87.5 47.9166H81.25C80.6747 47.9166 80.2084 47.4503 80.2084 46.875ZM81.25 52.0833C80.6747 52.0833 80.2084 52.5497 80.2084 53.125C80.2084 53.7003 80.6747 54.1666 81.25 54.1666H87.5C88.0753 54.1666 88.5417 53.7003 88.5417 53.125C88.5417 52.5497 88.0753 52.0833 87.5 52.0833H81.25ZM70.8334 33.3333C70.2581 33.3333 69.7917 33.7997 69.7917 34.375C69.7917 34.9503 70.2581 35.4166 70.8334 35.4166L77.0834 35.4166C77.6587 35.4166 78.125 34.9503 78.125 34.375C78.125 33.7997 77.6587 33.3333 77.0834 33.3333L70.8334 33.3333ZM69.7917 40.625C69.7917 40.0497 70.2581 39.5833 70.8334 39.5833L77.0834 39.5833C77.6587 39.5833 78.125 40.0497 78.125 40.625C78.125 41.2003 77.6587 41.6666 77.0834 41.6666L70.8334 41.6666C70.2581 41.6666 69.7917 41.2003 69.7917 40.625ZM70.8334 45.8333C70.2581 45.8333 69.7917 46.2997 69.7917 46.875C69.7917 47.4503 70.2581 47.9166 70.8334 47.9166H77.0834C77.6587 47.9166 78.125 47.4503 78.125 46.875C78.125 46.2997 77.6587 45.8333 77.0834 45.8333H70.8334ZM69.7917 53.125C69.7917 52.5497 70.2581 52.0833 70.8334 52.0833H77.0834C77.6587 52.0833 78.125 52.5497 78.125 53.125C78.125 53.7003 77.6587 54.1666 77.0834 54.1666H70.8334C70.2581 54.1666 69.7917 53.7003 69.7917 53.125ZM60.4167 33.3333C59.8414 33.3333 59.375 33.7997 59.375 34.375C59.375 34.9503 59.8414 35.4166 60.4167 35.4166L66.6667 35.4166C67.242 35.4166 67.7084 34.9503 67.7084 34.375C67.7084 33.7997 67.242 33.3333 66.6667 33.3333L60.4167 33.3333ZM48.9584 34.375C48.9584 33.7997 49.4247 33.3333 50 33.3333L56.25 33.3333C56.8253 33.3333 57.2917 33.7997 57.2917 34.375C57.2917 34.9503 56.8253 35.4166 56.25 35.4166L50 35.4166C49.4247 35.4166 48.9584 34.9503 48.9584 34.375ZM60.4167 39.5833C59.8414 39.5833 59.375 40.0497 59.375 40.625C59.375 41.2003 59.8414 41.6666 60.4167 41.6666L66.6667 41.6666C67.242 41.6666 67.7084 41.2003 67.7084 40.625C67.7084 40.0497 67.242 39.5833 66.6667 39.5833L60.4167 39.5833ZM59.375 46.875C59.375 46.2997 59.8414 45.8333 60.4167 45.8333H66.6667C67.242 45.8333 67.7084 46.2997 67.7084 46.875C67.7084 47.4503 67.242 47.9166 66.6667 47.9166H60.4167C59.8414 47.9166 59.375 47.4503 59.375 46.875ZM60.4167 52.0833C59.8414 52.0833 59.375 52.5497 59.375 53.125C59.375 53.7003 59.8414 54.1666 60.4167 54.1666H66.6667C67.242 54.1666 67.7084 53.7003 67.7084 53.125C67.7084 52.5497 67.242 52.0833 66.6667 52.0833H60.4167Z" fill="#0E3781"/>
+    </svg>
+`;
diff --git a/apps/browser/src/popup/app-routing.module.ts b/apps/browser/src/popup/app-routing.module.ts
index 6cd2042e9ba..7f764eaee1a 100644
--- a/apps/browser/src/popup/app-routing.module.ts
+++ b/apps/browser/src/popup/app-routing.module.ts
@@ -41,7 +41,6 @@ import {
   DeviceVerificationIcon,
   UserLockIcon,
   VaultIcon,
-  BitwardenLogo,
 } from "@bitwarden/auth/angular";
 import { LockComponent } from "@bitwarden/key-management-ui";
 import {
@@ -66,6 +65,7 @@ import { BlockedDomainsComponent } from "../autofill/popup/settings/blocked-doma
 import { ExcludedDomainsComponent } from "../autofill/popup/settings/excluded-domains.component";
 import { NotificationsSettingsComponent } from "../autofill/popup/settings/notifications.component";
 import { PremiumV2Component } from "../billing/popup/settings/premium-v2.component";
+import { PhishingLandingIcon } from "../phishing-detection/images/phishing-landing-icon";
 import { LearnMoreComponent } from "../phishing-detection/pages/learn-more-component";
 import { PhishingWarning } from "../phishing-detection/pages/phishing-warning";
 import BrowserPopupUtils from "../platform/popup/browser-popup-utils";
@@ -710,7 +710,7 @@ const routes: Routes = [
           },
         ],
         data: {
-          pageIcon: BitwardenLogo,
+          pageIcon: PhishingLandingIcon,
 
           pageTitle: "Phishing site detected",
           pageSubtitle: "Bitwarden has prevented this page from loading.",