diff --git a/apps/web/index.html b/apps/web/index.html
index caa7d36..c2e1a01 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#08110d" />
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="icon" href="/proofkey-logo.svg?v=2" type="image/svg+xml" />
     <meta
       name="description"
       content="Discover, rent, and unlock real-world machines with cross-chain payments verified by Attestcoin on Creditcoin."
diff --git a/apps/web/public/proofkey-logo.svg b/apps/web/public/proofkey-logo.svg
new file mode 100644
index 0000000..0bd9567
--- /dev/null
+++ b/apps/web/public/proofkey-logo.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="18" fill="#0f543a"/>
+  <circle cx="23" cy="23" r="11" fill="#d8e953"/>
+  <circle cx="23" cy="23" r="5.5" fill="#0f543a"/>
+  <path d="m31 31 18 18M38.5 38.5l6-6M44 44l6-6" fill="none" stroke="#d8e953" stroke-linecap="round" stroke-linejoin="round" stroke-width="7"/>
+  <path d="m19.5 23 2.5 2.5 5-6.5" fill="none" stroke="#ff6847" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8"/>
+  <circle cx="49" cy="49" r="3.5" fill="#ff6847"/>
+</svg>
diff --git a/apps/web/src/components/BrandMark.tsx b/apps/web/src/components/BrandMark.tsx
index 376a0d2..e6cd2e1 100644
--- a/apps/web/src/components/BrandMark.tsx
+++ b/apps/web/src/components/BrandMark.tsx
@@ -1,28 +1,7 @@
 export function BrandMark() {
   return (
     <span className="brand-mark" aria-hidden="true">
-      <svg viewBox="0 0 64 64" role="presentation">
-        <rect width="64" height="64" rx="18" fill="#0f543a" />
-        <circle cx="23" cy="23" r="11" fill="#d8e953" />
-        <circle cx="23" cy="23" r="5.5" fill="#0f543a" />
-        <path
-          d="m31 31 18 18M38.5 38.5l6-6M44 44l6-6"
-          fill="none"
-          stroke="#d8e953"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="7"
-        />
-        <path
-          d="m19.5 23 2.5 2.5 5-6.5"
-          fill="none"
-          stroke="#ff6847"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2.8"
-        />
-        <circle cx="49" cy="49" r="3.5" fill="#ff6847" />
-      </svg>
+      <img src="/proofkey-logo.svg?v=2" alt="" />
     </span>
   );
 }
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 767d3ad..34d33ba 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -126,7 +126,7 @@ input:focus-visible {
   filter: drop-shadow(0 5px 9px rgba(15, 84, 58, 0.2));
 }
 
-.brand-mark svg {
+.brand-mark img {
   display: block;
   width: 100%;
   height: 100%;
diff --git a/apps/web/src/wallet/config.ts b/apps/web/src/wallet/config.ts
index 52611f4..913759c 100644
--- a/apps/web/src/wallet/config.ts
+++ b/apps/web/src/wallet/config.ts
@@ -33,7 +33,7 @@ const metadata = {
   name: 'ProofKey',
   description: 'Proof-backed access for real-world machines',
   url: window.location.origin,
-  icons: [`${window.location.origin}/favicon.svg`],
+  icons: [`${window.location.origin}/proofkey-logo.svg?v=2`],
 };
 const connectors = [
   injected({ shimDisconnect: true }),