diff --git a/public/index.html b/public/index.html
index 2e380b1..156f84d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -39,7 +39,7 @@
             <div class="provider-row" id="row-poe">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🧠</span>
+                        <img src="logo-poe.png" alt="POE" class="provider-icon-img">
                         <span class="provider-name">POE</span>
                     </div>
                     <div class="progress-container">
@@ -58,7 +58,7 @@
             <div class="provider-row" id="row-ag-gemini-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🤖</span>
+                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
                         <span class="provider-name">AG Gemini (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -77,7 +77,7 @@
             <div class="provider-row" id="row-ag-gemini-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🤖</span>
+                        <img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
                         <span class="provider-name">AG Gemini (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -96,7 +96,7 @@
             <div class="provider-row" id="row-ag-claude-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">⚡</span>
+                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
                         <span class="provider-name">AG Claude (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -115,7 +115,7 @@
             <div class="provider-row" id="row-ag-claude-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">⚡</span>
+                        <img src="logo-claude.png" alt="Claude" class="provider-icon-img">
                         <span class="provider-name">AG Claude (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -134,7 +134,7 @@
             <div class="provider-row" id="row-minimax-5h">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🔥</span>
+                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
                         <span class="provider-name">MiniMax (5h)</span>
                     </div>
                     <div class="progress-container">
@@ -153,7 +153,7 @@
             <div class="provider-row" id="row-minimax-weekly">
                 <div class="provider-main">
                     <div class="provider-info">
-                        <span class="provider-icon">🔥</span>
+                        <img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
                         <span class="provider-name">MiniMax (Weekly)</span>
                     </div>
                     <div class="progress-container">
@@ -170,6 +170,7 @@
             </div>
         </section>
 
+
         <section class="charts">
             <h2>History</h2>
             <canvas id="historyChart"></canvas>
diff --git a/public/logo-ag-test.png b/public/logo-ag-test.png
new file mode 100644
index 0000000..d7e4fc7
Binary files /dev/null and b/public/logo-ag-test.png differ
diff --git a/public/logo-ag.ico b/public/logo-ag.ico
new file mode 100644
index 0000000..abce72e
Binary files /dev/null and b/public/logo-ag.ico differ
diff --git a/public/logo-ag.svg b/public/logo-ag.svg
new file mode 100644
index 0000000..ea2753a
--- /dev/null
+++ b/public/logo-ag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><defs><linearGradient id="agGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#4285F4"/><stop offset="100%" style="stop-color:#34A853"/></linearGradient></defs><path d="M10 80 L50 15 L90 80 L75 80 L50 38 L25 80 Z" fill="url(#agGrad)"/></svg>
diff --git a/public/logo-claude.ico b/public/logo-claude.ico
new file mode 100644
index 0000000..d0b0c90
Binary files /dev/null and b/public/logo-claude.ico differ
diff --git a/public/logo-claude.png b/public/logo-claude.png
new file mode 100644
index 0000000..e29be47
Binary files /dev/null and b/public/logo-claude.png differ
diff --git a/public/logo-gemini.png b/public/logo-gemini.png
new file mode 100644
index 0000000..e539633
Binary files /dev/null and b/public/logo-gemini.png differ
diff --git a/public/logo-minimax.ico b/public/logo-minimax.ico
new file mode 100644
index 0000000..38c0025
Binary files /dev/null and b/public/logo-minimax.ico differ
diff --git a/public/logo-minimax.png b/public/logo-minimax.png
new file mode 100644
index 0000000..e9472c6
Binary files /dev/null and b/public/logo-minimax.png differ
diff --git a/public/logo-poe.ico b/public/logo-poe.ico
new file mode 100644
index 0000000..78c15d4
Binary files /dev/null and b/public/logo-poe.ico differ
diff --git a/public/logo-poe.png b/public/logo-poe.png
new file mode 100644
index 0000000..ad6b697
Binary files /dev/null and b/public/logo-poe.png differ
diff --git a/public/style.css b/public/style.css
index 152d232..58343a2 100644
--- a/public/style.css
+++ b/public/style.css
@@ -122,6 +122,14 @@ header p {
     font-size: 1.5em;
 }
 
+.provider-icon-img {
+    width: 28px;
+    height: 28px;
+    object-fit: contain;
+    border-radius: 4px;
+    flex-shrink: 0;
+}
+
 .provider-name {
     font-weight: 600;
     font-size: 1.1em;