diff --git a/internal/server/admin/static/favicon.svg b/internal/server/admin/static/favicon.svg
new file mode 100644
index 00000000..743faa59
--- /dev/null
+++ b/internal/server/admin/static/favicon.svg
@@ -0,0 +1,15 @@
+<svg width="197" height="193" viewBox="0 0 197 193" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<style>
+		.icon-path {
+		fill: black
+		}
+		@media (prefers-color-scheme: dark) {
+		.icon-path {
+		fill: white
+		}
+		}
+	</style>
+	<circle class="icon-path" cx="34" cy="34" r="34" fill="black" />
+	<circle class="icon-path" cx="163" cy="159" r="34" fill="black" />
+	<path class="icon-path" d="M159 125C159 127.209 160.791 129 163 129C165.209 129 167 127.209 167 125L159 125ZM68 38L143 38L143 30L68 30L68 38ZM159 54L159 125L167 125L167 54L159 54ZM143 38C151.837 38 159 45.1634 159 54L167 54C167 40.7452 156.255 30 143 30L143 38Z" fill="black" />
+</svg>
diff --git a/internal/server/admin/static/logo.svg b/internal/server/admin/static/logo.svg
new file mode 100644
index 00000000..2fce76e0
--- /dev/null
+++ b/internal/server/admin/static/logo.svg
@@ -0,0 +1,5 @@
+<svg width="197" height="193" viewBox="0 0 197 193" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<circle cx="34" cy="34" r="34" fill="black" />
+	<circle cx="163" cy="159" r="34" fill="black" />
+	<path d="M159 125C159 127.209 160.791 129 163 129C165.209 129 167 127.209 167 125L159 125ZM68 38L143 38L143 30L68 30L68 38ZM159 54L159 125L167 125L167 54L159 54ZM143 38C151.837 38 159 45.1634 159 54L167 54C167 40.7452 156.255 30 143 30L143 38Z" fill="black" />
+</svg>
diff --git a/internal/server/admin/templates/index.html b/internal/server/admin/templates/index.html
index 4da1ed38..61ce635b 100644
--- a/internal/server/admin/templates/index.html
+++ b/internal/server/admin/templates/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/static/logo.png" />
+    <link rel="icon" href="/static/favicon.svg" type="image/svg+xml" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
diff --git a/internal/server/admin/web/src/pages/home.svelte b/internal/server/admin/web/src/pages/home.svelte
index a10c57fe..671f86ab 100644
--- a/internal/server/admin/web/src/pages/home.svelte
+++ b/internal/server/admin/web/src/pages/home.svelte
@@ -55,7 +55,7 @@
     class="w-full max-w-sm p-6 m-auto mx-auto rounded-md dark:bg-gray-800 py-8 border"
   >
     <div class="flex justify-center mx-auto py-8 items-center space-x-2">
-      <img class="w-auto h-12" src="/static/logo.png" alt="" />
+      <img class="w-auto h-8" src="/static/logo.svg" alt="" />
       <p class="text-3xl font-bold">Portr</p>
     </div>
 
