diff --git a/PlaylistShared.Pwa/wwwroot/favicon.png b/PlaylistShared.Pwa/wwwroot/favicon.png
index 4fafd94..b33fb80 100644
Binary files a/PlaylistShared.Pwa/wwwroot/favicon.png and b/PlaylistShared.Pwa/wwwroot/favicon.png differ
diff --git a/PlaylistShared.Pwa/wwwroot/favicon.svg b/PlaylistShared.Pwa/wwwroot/favicon.svg
new file mode 100644
index 0000000..81438bf
--- /dev/null
+++ b/PlaylistShared.Pwa/wwwroot/favicon.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="40 40 432 432" fill="none">
+  <!-- Тёмный скруглённый фон -->
+  <rect width="512" height="512" rx="110" fill="#1a1a27"/>
+
+  <!-- Эффект "раздачи" (Ripple) – усиленная видимость -->
+  <g stroke="#7e6fff" fill="none">
+    <!-- Внутренняя волна (яркая, толстая) -->
+    <circle cx="256" cy="256" r="80" stroke-width="12" stroke-opacity="0.9"/>
+    <!-- Средняя волна -->
+    <circle cx="256" cy="256" r="145" stroke-width="10" stroke-opacity="0.7"/>
+    <!-- Внешняя волна (тонкая, но заметная) -->
+    <circle cx="256" cy="256" r="210" stroke-width="8" stroke-opacity="0.5"/>
+  </g>
+
+  <!-- Лёгкое свечение – уменьшено, чтобы не перебивать волны -->
+  <defs>
+    <radialGradient id="glow" cx="50%" cy="50%" r="50%">
+      <stop offset="0" stop-color="#7e6fff" stop-opacity="0.25"/>
+      <stop offset="1" stop-color="#7e6fff" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <circle cx="256" cy="256" r="150" fill="url(#glow)"/>
+
+  <!-- Центральная нота Material (крупно, без изменений) -->
+  <g fill="#7e6fff" transform="translate(256, 256) scale(16) translate(-12, -12)">
+    <path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/PlaylistShared.Pwa/wwwroot/icon-180.png b/PlaylistShared.Pwa/wwwroot/icon-180.png
new file mode 100644
index 0000000..3db5a3b
Binary files /dev/null and b/PlaylistShared.Pwa/wwwroot/icon-180.png differ
diff --git a/PlaylistShared.Pwa/wwwroot/icon-192.png b/PlaylistShared.Pwa/wwwroot/icon-192.png
index fec66fc..bcb4ec9 100644
Binary files a/PlaylistShared.Pwa/wwwroot/icon-192.png and b/PlaylistShared.Pwa/wwwroot/icon-192.png differ
diff --git a/PlaylistShared.Pwa/wwwroot/icon-512.png b/PlaylistShared.Pwa/wwwroot/icon-512.png
index 6b56211..e40bfb7 100644
Binary files a/PlaylistShared.Pwa/wwwroot/icon-512.png and b/PlaylistShared.Pwa/wwwroot/icon-512.png differ
diff --git a/PlaylistShared.Pwa/wwwroot/index.html b/PlaylistShared.Pwa/wwwroot/index.html
index 7a062b9..1f32af0 100644
--- a/PlaylistShared.Pwa/wwwroot/index.html
+++ b/PlaylistShared.Pwa/wwwroot/index.html
@@ -10,11 +10,13 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="_content/MudBlazor/MudBlazor.min.css" />
     <link rel="stylesheet" href="css/app.css" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="icon" type="image/png" href="favicon.png" />
     <link href="PlaylistShared.Pwa.styles.css" rel="stylesheet" />
     <link href="manifest.webmanifest" rel="manifest" />
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
     <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="icon-180.png" />
     <script type="importmap"></script>
     <style>
         :root {