Added the favicon to each calculator's page (#1176)

index.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="./assets/images/favicon.png" type="image/x-icon">
+    <link rel="icon" type="image/x-icon" href="favicon.ico"/>
     <link rel="stylesheet" type="text/css" href="./style.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
     <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
@@ -2960,7 +2960,16 @@ <h3>Calculates the linear density of the yarn from unit system to another.</h3>
             </p>
         </footer>
     </div>
-
+    <script>
+        window.onload = function() {
+            var link = top.document.createElement("link");
+            link.type = "image/x-icon";
+            link.rel = "icon";
+            link.href = "favicon.ico?v=1";
+            top.document.getElementsByTagName("head")[0].appendChild(link);
+        }
+    </script>
+
     <!-- ----------------------------------------- Footer Code Ends--------------------------------- -->
     <script src="./script.js"></script>