diff --git a/src/GmRelay.Web/Components/Layout/NavMenu.razor b/src/GmRelay.Web/Components/Layout/NavMenu.razor
index 39d72b2..5964e40 100644
--- a/src/GmRelay.Web/Components/Layout/NavMenu.razor
+++ b/src/GmRelay.Web/Components/Layout/NavMenu.razor
@@ -2,7 +2,7 @@
 
 <div class="nav-header">
     <a class="nav-brand" href="">
-        <span class="nav-brand-icon">🐢</span>
+        <img src="logo.png" alt="GM-Relay" class="nav-brand-icon" />
         <span class="nav-brand-text">GM-Relay</span>
     </a>
     <button class="nav-toggle" @onclick="ToggleMenu" aria-label="Переключить меню">
diff --git a/src/GmRelay.Web/Components/Layout/NavMenu.razor.css b/src/GmRelay.Web/Components/Layout/NavMenu.razor.css
index 183de8f..d4805ba 100644
--- a/src/GmRelay.Web/Components/Layout/NavMenu.razor.css
+++ b/src/GmRelay.Web/Components/Layout/NavMenu.razor.css
@@ -16,10 +16,10 @@
 }
 
 .nav-brand-icon {
-    font-size: 1.5rem;
-    line-height: 1;
-    vertical-align: middle;
-    margin-top: -2px;
+    width: 1.5rem;
+    height: 1.5rem;
+    object-fit: contain;
+    display: block;
 }
 
 .nav-brand-text {
diff --git a/src/GmRelay.Web/Components/Pages/Login.razor b/src/GmRelay.Web/Components/Pages/Login.razor
index 85ea5b8..1547289 100644
--- a/src/GmRelay.Web/Components/Pages/Login.razor
+++ b/src/GmRelay.Web/Components/Pages/Login.razor
@@ -8,7 +8,7 @@
 
 <div class="login-page">
     <div class="login-card">
-        <div class="login-logo">🎲</div>
+        <img src="logo.png" alt="GM-Relay" class="login-logo" />
         <h1 class="login-title">GM-Relay</h1>
         <p class="login-subtitle">Войдите через Telegram для управления игровыми сессиями</p>
 
diff --git a/src/GmRelay.Web/Components/Pages/MiniApp.razor b/src/GmRelay.Web/Components/Pages/MiniApp.razor
index 620e26c..280ed16 100644
--- a/src/GmRelay.Web/Components/Pages/MiniApp.razor
+++ b/src/GmRelay.Web/Components/Pages/MiniApp.razor
@@ -8,7 +8,7 @@
 
 <div class="mini-app-page">
     <div class="mini-app-auth-card" data-auth-status="@miniAppAuthStatus">
-        <div class="mini-app-logo">🎲</div>
+        <img src="logo.png" alt="GM-Relay" class="mini-app-logo" />
         <h1>GM-Relay</h1>
         <p>@statusMessage</p>
 
diff --git a/src/GmRelay.Web/wwwroot/app.css b/src/GmRelay.Web/wwwroot/app.css
index d6a3261..8b837b4 100644
--- a/src/GmRelay.Web/wwwroot/app.css
+++ b/src/GmRelay.Web/wwwroot/app.css
@@ -877,8 +877,13 @@ select option {
 }
 
 .login-logo {
-    font-size: 2.5rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    object-fit: contain;
     margin-bottom: 0.5rem;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .login-title {
@@ -919,8 +924,13 @@ select option {
 }
 
 .mini-app-logo {
-    font-size: 2.25rem;
+    width: 2.25rem;
+    height: 2.25rem;
+    object-fit: contain;
     margin-bottom: 0.75rem;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .mini-app-auth-card h1 {
diff --git a/src/GmRelay.Web/wwwroot/favicon.png b/src/GmRelay.Web/wwwroot/favicon.png
index 8422b59..4293606 100644
Binary files a/src/GmRelay.Web/wwwroot/favicon.png and b/src/GmRelay.Web/wwwroot/favicon.png differ
diff --git a/src/GmRelay.Web/wwwroot/logo.png b/src/GmRelay.Web/wwwroot/logo.png
new file mode 100644
index 0000000..4293606
Binary files /dev/null and b/src/GmRelay.Web/wwwroot/logo.png differ