diff --git a/pages/_document.page.tsx b/pages/_document.page.tsx
index f31b3ec9e8..35b1b6f2a9 100644
--- a/pages/_document.page.tsx
+++ b/pages/_document.page.tsx
@@ -12,6 +12,7 @@ export default class MyDocument extends Document {
           <meta name="theme-color" content="#1B2030" />
           <link rel="icon" href="/favicon.ico" sizes="any" />
           <link rel="shortcut icon" href="/favicon.ico" />
+          <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
           {/* <link rel="apple-touch-icon" sizes="16x16" href="/favicon.png" />
           <link rel="apple-touch-icon" sizes="32x32" href="/favicon32.png" />
           <link rel="shortcut icon" sizes="32x32" href="/favicon32.ico" />
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000000..1293a3e3a6
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 24"><style>.aave-favicon{fill:#201d1d}@media (prefers-color-scheme:dark){.aave-favicon{fill:#f1f1f3}}</style><path class="aave-favicon" d="M22.973 0C10.284 0-.003 10.483 0 23.411h5.869c0-9.688 7.597-17.543 17.104-17.543 9.507 0 17.104 7.855 17.104 17.543h5.869C45.948 10.483 35.66 0 22.973 0Z"/><circle class="aave-favicon" cx="16.874" cy="19.292" r="4.673"/><circle class="aave-favicon" cx="29.088" cy="19.292" r="4.673"/></svg>