diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..0e6cda9
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
new file mode 100644
index 0000000..7b6ea0b
Binary files /dev/null and b/android-chrome-512x512.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..ad2b03e
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000..0ad045c
Binary files /dev/null and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 0000000..55f3808
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..f75525e
Binary files /dev/null and b/favicon.ico differ
diff --git a/images/jsonx.webp b/images/jsonx.webp
new file mode 100644
index 0000000..a7ab7b9
Binary files /dev/null and b/images/jsonx.webp differ
diff --git a/index.html b/index.html
index 2f6e8c8..031b420 100644
--- a/index.html
+++ b/index.html
@@ -12,9 +12,12 @@
       property="og:title"
       content="JSON X - Visualize, Parse and Format JSON"
     />
-    <meta property="og:type" content="website" />
     <meta property="og:url" content="http://sithum.online/json_x/" />
-    <link rel="icon" href="favicon.png" />
+    <meta property="og:type" content="website" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
     <link rel="stylesheet" href="css/style.css" />
     <link href="css/bootstrap.min.css" rel="stylesheet" />
   </head>
@@ -24,7 +27,7 @@
         <a class="navbar-brand" href="#"
           ><img
             id="nav-logo"
-            src="images/jsonx.svg"
+            src="images/jsonx.webp"
             alt="JSON visualizer, parser and formatter."
         /></a>
         <button
@@ -85,8 +88,9 @@
       </svg>
       <p>with</p>
       <img
-        src="images/jsonx.svg"
+        src="images/jsonx.webp"
         alt="JSON visualizer, parser and formatter."
+        width="300"
       />
     </section>
     <section id="features" class="container px-4">
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file