diff --git a/_layouts/base.html b/_layouts/base.html
index 3e103da4..2be9fdfc 100755
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <link id="defaultIcon1" rel="shortcut icon" href="/assets/favicon.png" />
+        <link id="defaultIcon1" rel="shortcut icon" href="{{ site.baseurl }}assets/favicon_06.png" />
         <title>{{ page.title }}</title>
         <link href="{{ site.baseurl }}/css/googleFonts.css" rel="stylesheet" type="text/css" >
         <meta name="robots" content="index,follow,NOODP" />
diff --git a/js/main.js b/js/main.js
index df1b9ed0..c411f555 100755
--- a/js/main.js
+++ b/js/main.js
@@ -19,19 +19,11 @@ $(document).ready(function () {
 
     var defaultIcon = document.querySelector('#defaultIcon1');
     if (defaultIcon) {
-        // Use absolute path for favicon
-        var faviconPath = '/assets/favicon_' + logoID + '.png';
-        
-        // Test if favicon exists before setting
-        var img = new Image();
-        img.onload = function() {
-            defaultIcon.href = faviconPath;
-        };
-        img.onerror = function() {
-            // Fallback to default favicon
-            defaultIcon.href = '/assets/favicon.png';
-        };
-        img.src = faviconPath;
+        var logoID = colorIndex + 1;
+        if (logoID < 10) {
+            logoID = "0" + logoID;
+        }
+        defaultIcon.href = 'assets/favicon_' + logoID + '.png';
     }
 
     var h = document.querySelector('.logo1').innerHTML;