diff --git a/extension/icons/icon128.png b/extension/icons/icon128.png
index 433c8ab..07fee50 100644
Binary files a/extension/icons/icon128.png and b/extension/icons/icon128.png differ
diff --git a/extension/icons/icon16.png b/extension/icons/icon16.png
index bca01a0..26a3367 100644
Binary files a/extension/icons/icon16.png and b/extension/icons/icon16.png differ
diff --git a/extension/icons/icon48.png b/extension/icons/icon48.png
index c9a7b78..6c3ef06 100644
Binary files a/extension/icons/icon48.png and b/extension/icons/icon48.png differ
diff --git a/website/assets/NewLogoIcon.webp b/website/assets/NewLogoIcon.webp
new file mode 100644
index 0000000..f6564df
Binary files /dev/null and b/website/assets/NewLogoIcon.webp differ
diff --git a/website/assets/NewLogoIcon_128.webp b/website/assets/NewLogoIcon_128.webp
new file mode 100644
index 0000000..9bd0189
Binary files /dev/null and b/website/assets/NewLogoIcon_128.webp differ
diff --git a/website/assets/NewLogoIcon_64.webp b/website/assets/NewLogoIcon_64.webp
new file mode 100644
index 0000000..c50e0d9
Binary files /dev/null and b/website/assets/NewLogoIcon_64.webp differ
diff --git a/website/datenschutz.html b/website/datenschutz.html
index f811c92..da2eee5 100644
--- a/website/datenschutz.html
+++ b/website/datenschutz.html
@@ -6,7 +6,7 @@
     <title>Datenschutz / Privacy Policy | KoalaSync</title>
     <link rel="preload" href="style.css" as="style">
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/png" href="assets/logo.png">
+    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
     <meta name="robots" content="noindex">
 
     <!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
     <nav>
         <div class="container nav-content">
             <a href="index.html" class="logo-area" style="text-decoration: none;">
-                <img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
+                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                 <span>KoalaSync</span>
             </a>
             <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
diff --git a/website/impressum.html b/website/impressum.html
index 59b13eb..abc858c 100644
--- a/website/impressum.html
+++ b/website/impressum.html
@@ -6,7 +6,7 @@
     <title>Impressum / Legal Notice | KoalaSync</title>
     <link rel="preload" href="style.css" as="style">
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/png" href="assets/logo.png">
+    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
     <meta name="robots" content="noindex">
 
     <!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
     <nav>
         <div class="container nav-content">
             <a href="index.html" class="logo-area" style="text-decoration: none;">
-                <img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
+                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                 <span>KoalaSync</span>
             </a>
             <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
diff --git a/website/index.html b/website/index.html
index a02f75a..9a00297 100644
--- a/website/index.html
+++ b/website/index.html
@@ -8,7 +8,7 @@
     
     <link rel="preload" href="style.css" as="style">
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/png" href="assets/logo.png">
+    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
     <link rel="canonical" href="https://sync.koalastuff.net/">
     <meta name="robots" content="index, follow">
     
@@ -65,7 +65,7 @@
     <nav>
         <div class="container nav-content">
             <div class="logo-area">
-                <img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
+                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                 <span>KoalaSync</span>
             </div>
             <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
@@ -120,7 +120,7 @@
             <div class="hero-mockup-wrapper" data-reveal>
                 <div class="extension-mockup">
                     <div class="mock-header-row">
-                        <h1><img src="assets/logo.png" alt="KoalaSync Logo">KoalaSync</h1>
+                        <h1><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo">KoalaSync</h1>
                         <a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
                             <svg viewBox="0 0 16 16" fill="currentColor" style="width: 12px; height: 12px; display: block;"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
                             <span>v1.9.3</span>
@@ -684,7 +684,7 @@
                                     <span class="illus-dot"></span>
                                 </div>
                                 <div class="illus-address-bar"></div>
-                                <div class="illus-extension-icon"><img src="assets/logo.png" alt="KoalaSync" width="12" height="12" style="width: 12px; height: 12px; display: block; object-fit: contain;"></div>
+                                <div class="illus-extension-icon"><img src="assets/NewLogoIcon.webp" alt="KoalaSync" width="12" height="12" style="width: 12px; height: 12px; display: block; object-fit: contain;"></div>
                             </div>
                             <div class="illus-browser-body">
                                 <div class="illus-line-placeholder" style="width: 80%;"></div>
diff --git a/website/join.html b/website/join.html
index 0aaffce..dc3d164 100644
--- a/website/join.html
+++ b/website/join.html
@@ -6,7 +6,7 @@
     <title>Join Room | KoalaSync</title>
     <link rel="preload" href="style.css" as="style">
     <link rel="stylesheet" href="style.css">
-    <link rel="icon" type="image/png" href="assets/logo.png">
+    <link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
     <meta name="robots" content="noindex">
 
     <!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
     <nav>
         <div class="container nav-content">
             <a href="index.html" class="logo-area" style="text-decoration: none;">
-                <img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
+                <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
                 <span>KoalaSync</span>
             </a>
             <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>