diff --git a/frontend/src/assets/favicon/android-chrome-192x192.png b/frontend/src/assets/favicon/android-chrome-192x192.png
new file mode 100644
index 00000000..65d7b681
Binary files /dev/null and b/frontend/src/assets/favicon/android-chrome-192x192.png differ
diff --git a/frontend/src/assets/favicon/android-chrome-512x512.png b/frontend/src/assets/favicon/android-chrome-512x512.png
new file mode 100644
index 00000000..11111617
Binary files /dev/null and b/frontend/src/assets/favicon/android-chrome-512x512.png differ
diff --git a/frontend/src/assets/favicon/apple-touch-icon.png b/frontend/src/assets/favicon/apple-touch-icon.png
new file mode 100644
index 00000000..3fb6540f
Binary files /dev/null and b/frontend/src/assets/favicon/apple-touch-icon.png differ
diff --git a/frontend/src/assets/favicon/browserconfig.xml b/frontend/src/assets/favicon/browserconfig.xml
new file mode 100644
index 00000000..5cd27e3f
--- /dev/null
+++ b/frontend/src/assets/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/frontend/src/assets/favicon/favicon-16x16.png b/frontend/src/assets/favicon/favicon-16x16.png
new file mode 100644
index 00000000..d3dd2be0
Binary files /dev/null and b/frontend/src/assets/favicon/favicon-16x16.png differ
diff --git a/frontend/src/assets/favicon/favicon-32x32.png b/frontend/src/assets/favicon/favicon-32x32.png
new file mode 100644
index 00000000..171a45c0
Binary files /dev/null and b/frontend/src/assets/favicon/favicon-32x32.png differ
diff --git a/frontend/src/assets/favicon/favicon.ico b/frontend/src/assets/favicon/favicon.ico
new file mode 100644
index 00000000..5f541f7a
Binary files /dev/null and b/frontend/src/assets/favicon/favicon.ico differ
diff --git a/frontend/src/assets/favicon/mstile-150x150.png b/frontend/src/assets/favicon/mstile-150x150.png
new file mode 100644
index 00000000..40dea963
Binary files /dev/null and b/frontend/src/assets/favicon/mstile-150x150.png differ
diff --git a/frontend/src/assets/favicon/safari-pinned-tab.svg b/frontend/src/assets/favicon/safari-pinned-tab.svg
new file mode 100644
index 00000000..91033744
--- /dev/null
+++ b/frontend/src/assets/favicon/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?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="730.000000pt" height="730.000000pt" viewBox="0 0 730.000000 730.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,730.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2315 6349 c-437 -41 -746 -170 -959 -401 -211 -227 -306 -528 -306
+-969 l0 -179 -220 0 -220 0 0 -405 0 -405 220 0 220 0 0 -1535 0 -1535 495 0
+495 0 0 1535 0 1535 340 0 340 0 0 405 0 405 -340 0 -340 0 0 118 c1 355 79
+508 295 578 64 21 106 27 213 32 l132 5 0 413 0 414 -137 -1 c-76 -1 -178 -5
+-228 -10z"/>
+<path d="M2990 3510 l0 -2590 490 0 489 0 4 1163 c4 1260 1 1203 58 1377 125
+378 447 582 880 556 458 -27 741 -318 789 -811 5 -58 10 -562 10 -1192 l0
+-1093 490 0 491 0 -4 1252 c-3 1133 -5 1263 -21 1362 -64 404 -211 706 -453
+937 -206 195 -471 320 -774 365 -159 23 -460 16 -612 -15 -306 -62 -578 -208
+-775 -416 l-82 -86 0 890 0 891 -490 0 -490 0 0 -2590z"/>
+</g>
+</svg>
diff --git a/frontend/src/assets/favicon/site.webmanifest b/frontend/src/assets/favicon/site.webmanifest
new file mode 100644
index 00000000..b20abb7c
--- /dev/null
+++ b/frontend/src/assets/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "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"
+}
diff --git a/frontend/src/index.html b/frontend/src/index.html
index e180b7cb..9055878a 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -6,8 +6,14 @@
     name="viewport"
     content="width=device-width, initial-scale=1, shrink-to-fit=no"
   />
-  <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png"/>
-  <link rel="icon" type="image/png" href="./assets/img/favicon.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
+  <link rel="manifest" href="./assets/favicon/site.webmanifest">
+  <link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#603cba">
+  <meta name="theme-color" content="#ffffff">
+
   <title>fastenhealth</title>
   <!--     Fonts and icons     -->
   <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet"/>