diff --git a/assets/img/android-chrome-192x192.png b/assets/img/android-chrome-192x192.png
new file mode 100644
index 000000000..d7e439405
Binary files /dev/null and b/assets/img/android-chrome-192x192.png differ
diff --git a/assets/img/apple-touch-icon.png b/assets/img/apple-touch-icon.png
new file mode 100644
index 000000000..e6af95952
Binary files /dev/null and b/assets/img/apple-touch-icon.png differ
diff --git a/assets/img/browserconfig.xml b/assets/img/browserconfig.xml
new file mode 100644
index 000000000..b3930d0f0
--- /dev/null
+++ b/assets/img/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/assets/img/favicon-16x16.png b/assets/img/favicon-16x16.png
new file mode 100644
index 000000000..2d1ed3af7
Binary files /dev/null and b/assets/img/favicon-16x16.png differ
diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png
new file mode 100644
index 000000000..a64982c61
Binary files /dev/null and b/assets/img/favicon-32x32.png differ
diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico
new file mode 100644
index 000000000..9eeba8265
Binary files /dev/null and b/assets/img/favicon.ico differ
diff --git a/assets/img/favicon.png b/assets/img/favicon.png
deleted file mode 100755
index 8988a1433..000000000
Binary files a/assets/img/favicon.png and /dev/null differ
diff --git a/assets/img/mstile-150x150.png b/assets/img/mstile-150x150.png
new file mode 100644
index 000000000..dce8bc37d
Binary files /dev/null and b/assets/img/mstile-150x150.png differ
diff --git a/assets/img/safari-pinned-tab.svg b/assets/img/safari-pinned-tab.svg
new file mode 100644
index 000000000..e872b8fe6
--- /dev/null
+++ b/assets/img/safari-pinned-tab.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2 1003 l3 -998 998 -3 997 -2 0 1000 0 1000 -1000 0 -1000 0 2 -997z
+m1926 -5 l2 -928 -925 0 -925 0 0 930 0 930 923 -2 922 -3 3 -927z"/>
+<path d="M470 985 l0 -275 60 0 60 0 0 110 0 110 110 0 109 0 3 -107 3 -108
+58 -3 57 -3 0 276 0 275 -60 0 -60 0 0 -115 0 -115 -110 0 -110 0 0 115 0 115
+-60 0 -60 0 0 -275z"/>
+<path d="M1225 1226 c-8 -19 -62 -143 -119 -275 l-104 -241 62 0 63 0 26 60
+26 60 119 0 119 0 24 -60 24 -60 63 0 c35 0 62 4 60 9 -1 4 -55 128 -118 275
+l-115 266 -58 0 c-57 0 -58 -1 -72 -34z m111 -211 c17 -41 29 -77 26 -80 -10
+-9 -132 -5 -132 5 0 15 62 150 69 150 3 0 20 -34 37 -75z"/>
+</g>
+</svg>
diff --git a/assets/img/site.webmanifest b/assets/img/site.webmanifest
new file mode 100644
index 000000000..0e0e858dc
--- /dev/null
+++ b/assets/img/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/index.html b/index.html
index 3c956187f..be96c104f 100755
--- a/index.html
+++ b/index.html
@@ -7,7 +7,15 @@
 	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.min.css">
 	<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
 
-	<link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
+	<!-- <link rel="icon" type="image/x-icon" href="assets/img/favicon.png"> -->
+	<link rel="apple-touch-icon" sizes="180x180" href="assets/img//apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="assets/img//favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="assets/img//favicon-16x16.png">
+	<link rel="manifest" href="assets/img//site.webmanifest">
+	<link rel="mask-icon" href="assets/img//safari-pinned-tab.svg" color="#5bbad5">
+	<meta name="msapplication-TileColor" content="#da532c">
+	<meta name="theme-color" content="#ffffff">
+	
 	<meta name="author" content="Hassan Ali">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
@@ -133,4 +141,4 @@ <h3 class="title is-3">Let's Socialize</h3>
 		<!-- Scripts  -->
 		<script src="controller.js"></script>		
 	</body>	
-</html>
\ No newline at end of file
+</html>