diff --git a/spark-frontend/public/android-chrome-192x192.png b/spark-frontend/public/android-chrome-192x192.png
new file mode 100644
index 00000000..d365dbf7
Binary files /dev/null and b/spark-frontend/public/android-chrome-192x192.png differ
diff --git a/spark-frontend/public/android-chrome-512x512.png b/spark-frontend/public/android-chrome-512x512.png
new file mode 100644
index 00000000..84443a40
Binary files /dev/null and b/spark-frontend/public/android-chrome-512x512.png differ
diff --git a/spark-frontend/public/apple-touch-icon.png b/spark-frontend/public/apple-touch-icon.png
new file mode 100644
index 00000000..e7815147
Binary files /dev/null and b/spark-frontend/public/apple-touch-icon.png differ
diff --git a/spark-frontend/public/favicon-16x16.png b/spark-frontend/public/favicon-16x16.png
new file mode 100644
index 00000000..66317058
Binary files /dev/null and b/spark-frontend/public/favicon-16x16.png differ
diff --git a/spark-frontend/public/favicon-32x32.png b/spark-frontend/public/favicon-32x32.png
new file mode 100644
index 00000000..af0434d7
Binary files /dev/null and b/spark-frontend/public/favicon-32x32.png differ
diff --git a/spark-frontend/public/favicon.ico b/spark-frontend/public/favicon.ico
new file mode 100644
index 00000000..5dff2d24
Binary files /dev/null and b/spark-frontend/public/favicon.ico differ
diff --git a/spark-frontend/public/favicon.svg b/spark-frontend/public/favicon.svg
deleted file mode 100644
index e3023917..00000000
--- a/spark-frontend/public/favicon.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.28098 3.97605C3.10813 3.78113 3.11699 3.4853 3.30121 3.30108C3.48543 3.11686 3.78126 3.108 3.97618 3.28085L12.32 10.6801L19.7193 19.0239C19.8921 19.2188 19.8832 19.5147 19.699 19.6989C19.5148 19.8831 19.219 19.892 19.0241 19.7191L10.6802 12.3199L3.28098 3.97605Z"
-          fill="#6642EE"/>
-    <path d="M13.9064 0.620064C13.9888 0.372907 14.2494 0.232672 14.5011 0.300101C14.7527 0.367529 14.9083 0.619289 14.8561 0.874523L12.6201 11.8001L9.09373 22.38C9.01135 22.6271 8.75073 22.7673 8.49908 22.6999C8.24743 22.6325 8.09184 22.3807 8.14408 22.1255L10.3801 11.1999L13.9064 0.620064Z"
-          fill="#D37C40"/>
-    <path d="M22.1256 8.14402C22.3808 8.09178 22.6326 8.24737 22.7 8.49902C22.7674 8.75067 22.6272 9.01129 22.38 9.09367L11.8002 12.62L0.874604 14.856C0.619372 14.9083 0.367612 14.7527 0.300183 14.501C0.232754 14.2494 0.372989 13.9888 0.620145 13.9064L11.2 10.38L22.1256 8.14402Z"
-          fill="#37AC81"/>
-</svg>
diff --git a/spark-frontend/public/index.html b/spark-frontend/public/index.html
index 4df87c92..e60e8776 100644
--- a/spark-frontend/public/index.html
+++ b/spark-frontend/public/index.html
@@ -3,19 +3,19 @@
   <head>
     <meta charset="utf-8" />
     <script src="%PUBLIC_URL%/datafeeds/udf/dist/bundle.js"></script>
-    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="A Decentralized Order Book on Fuel.Network"
+    <meta name="description" content="A Decentralized Order Book on Fuel.Network"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/spark-frontend/public/logo192.png b/spark-frontend/public/logo192.png
deleted file mode 100644
index ef55951d..00000000
Binary files a/spark-frontend/public/logo192.png and /dev/null differ
diff --git a/spark-frontend/public/logo512.png b/spark-frontend/public/logo512.png
deleted file mode 100644
index b604d5fb..00000000
Binary files a/spark-frontend/public/logo512.png and /dev/null differ
diff --git a/spark-frontend/public/manifest.json b/spark-frontend/public/manifest.json
deleted file mode 100644
index e490b58b..00000000
--- a/spark-frontend/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "Spark",
-  "name": "Spark",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/spark-frontend/public/site.webmanifest b/spark-frontend/public/site.webmanifest
new file mode 100644
index 00000000..e1d0e9b5
--- /dev/null
+++ b/spark-frontend/public/site.webmanifest
@@ -0,0 +1,20 @@
+{
+  "name": "Spark",
+  "short_name": "Spark",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
\ No newline at end of file
