diff --git a/src/assets/android-chrome-192x192.png b/src/assets/android-chrome-192x192.png
new file mode 100644
index 0000000..d7cf306
Binary files /dev/null and b/src/assets/android-chrome-192x192.png differ
diff --git a/src/assets/android-chrome-512x512.png b/src/assets/android-chrome-512x512.png
new file mode 100644
index 0000000..90a0246
Binary files /dev/null and b/src/assets/android-chrome-512x512.png differ
diff --git a/src/assets/apple-touch-icon.png b/src/assets/apple-touch-icon.png
new file mode 100644
index 0000000..8b75fd9
Binary files /dev/null and b/src/assets/apple-touch-icon.png differ
diff --git a/src/assets/browserconfig.xml b/src/assets/browserconfig.xml
new file mode 100644
index 0000000..52cd4b6
--- /dev/null
+++ b/src/assets/browserconfig.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <TileColor>#81c784</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/src/assets/favicon-16x16.png b/src/assets/favicon-16x16.png
new file mode 100644
index 0000000..fd017d5
Binary files /dev/null and b/src/assets/favicon-16x16.png differ
diff --git a/src/assets/favicon-32x32.png b/src/assets/favicon-32x32.png
new file mode 100644
index 0000000..78ff1c9
Binary files /dev/null and b/src/assets/favicon-32x32.png differ
diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
new file mode 100644
index 0000000..2680342
Binary files /dev/null and b/src/assets/favicon.ico differ
diff --git a/src/assets/mstile-144x144.png b/src/assets/mstile-144x144.png
new file mode 100644
index 0000000..c204b67
Binary files /dev/null and b/src/assets/mstile-144x144.png differ
diff --git a/src/assets/mstile-150x150.png b/src/assets/mstile-150x150.png
new file mode 100644
index 0000000..56da257
Binary files /dev/null and b/src/assets/mstile-150x150.png differ
diff --git a/src/assets/mstile-310x150.png b/src/assets/mstile-310x150.png
new file mode 100644
index 0000000..16bfdf8
Binary files /dev/null and b/src/assets/mstile-310x150.png differ
diff --git a/src/assets/mstile-310x310.png b/src/assets/mstile-310x310.png
new file mode 100644
index 0000000..4d45c5d
Binary files /dev/null and b/src/assets/mstile-310x310.png differ
diff --git a/src/assets/mstile-70x70.png b/src/assets/mstile-70x70.png
new file mode 100644
index 0000000..a62dcaa
Binary files /dev/null and b/src/assets/mstile-70x70.png differ
diff --git a/src/assets/safari-pinned-tab.svg b/src/assets/safari-pinned-tab.svg
new file mode 100644
index 0000000..bc4c62f
--- /dev/null
+++ b/src/assets/safari-pinned-tab.svg
@@ -0,0 +1,29 @@
+<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3309 6968 c0 -18 -1 -255 -2 -527 -2 -483 -3 -494 -22 -497 -11 -2
+-49 -6 -85 -9 -90 -9 -144 -15 -171 -20 -13 -3 -41 -7 -64 -11 -72 -10 -246
+-54 -334 -83 -542 -183 -897 -534 -998 -986 -9 -38 -17 -124 -18 -191 -16
+-645 526 -1167 1358 -1309 129 -22 132 -23 227 -30 47 -4 88 -9 92 -11 3 -2 4
+-744 2 -1649 l-5 -1645 211 0 210 0 1 433 c0 237 1 476 1 530 l1 97 36 1 c20
+0 45 2 56 4 11 2 47 6 80 9 33 3 71 8 85 11 13 2 40 7 60 10 96 14 273 60 370
+96 47 17 99 36 115 41 49 18 234 117 299 161 297 199 493 477 557 787 17 82
+19 284 4 370 -68 382 -318 700 -715 907 -154 80 -327 144 -485 180 -66 14
+-235 43 -288 49 -34 4 -69 8 -77 10 -8 1 -32 3 -53 3 l-38 1 3 1648 3 1647
+-207 3 -208 2 -1 -32z m-6 -1773 c-1 -176 -2 -580 -2 -898 l-1 -579 -72 6
+c-480 41 -885 236 -1073 516 -91 137 -126 256 -121 404 5 110 38 223 93 314
+33 53 55 82 118 155 23 27 143 126 190 156 145 94 390 185 585 218 119 20 201
+30 240 29 l44 -1 -1 -320z m572 -1931 c22 -4 47 -8 55 -9 8 -1 35 -6 60 -10
+25 -4 77 -15 115 -25 542 -139 871 -468 860 -859 -9 -314 -236 -583 -628 -745
+-93 -39 -275 -91 -353 -102 -27 -3 -52 -8 -56 -10 -9 -6 -112 -17 -168 -18
+l-45 -1 0 865 c0 476 2 880 4 898 l3 34 57 -6 c31 -4 74 -9 96 -12z"/>
+</g>
+</svg>
diff --git a/src/assets/site.webmanifest b/src/assets/site.webmanifest
new file mode 100644
index 0000000..6cb09f0
--- /dev/null
+++ b/src/assets/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Budget",
+    "short_name": "Budget",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#212121",
+    "background_color": "#212121",
+    "display": "standalone"
+}
diff --git a/src/index.html b/src/index.html
index 977b577..7d30220 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,18 +1,28 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Budget</title>
-  <base href="/">
 
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="theme-color" content="#212121">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link rel="manifest" href="manifest.json">
+<head>
+	<meta charset="utf-8">
+	<title>Budget</title>
+	<base href="/">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="theme-color" content="#212121">
+	<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
+	<link rel="manifest" href="assets/site.webmanifest">
+	<link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#81c784">
+	<meta name="apple-mobile-web-app-title" content="Budget">
+	<meta name="application-name" content="Budget">
+	<meta name="msapplication-TileColor" content="#81c784">
+	<meta name="theme-color" content="#212121">
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<link rel="manifest" href="manifest.json">
 </head>
+
 <body>
-  <app-root></app-root>
-  <noscript>Please enable JavaScript to continue using this application.</noscript>
+	<app-root></app-root>
+	<noscript>Please enable JavaScript to continue using this application.</noscript>
 </body>
-</html>
+
+</html>
\ No newline at end of file