diff --git a/frontend/public/images/favicon/android-chrome-192x192.png b/frontend/public/images/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..98aca7e
Binary files /dev/null and b/frontend/public/images/favicon/android-chrome-192x192.png differ
diff --git a/frontend/public/images/favicon/android-chrome-512x512.png b/frontend/public/images/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..32f503e
Binary files /dev/null and b/frontend/public/images/favicon/android-chrome-512x512.png differ
diff --git a/frontend/public/images/favicon/apple-touch-icon.png b/frontend/public/images/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..ccf211a
Binary files /dev/null and b/frontend/public/images/favicon/apple-touch-icon.png differ
diff --git a/frontend/public/images/favicon/browserconfig.xml b/frontend/public/images/favicon/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/frontend/public/images/favicon/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/frontend/public/images/favicon/favicon-16x16.png b/frontend/public/images/favicon/favicon-16x16.png
new file mode 100644
index 0000000..efdf2e2
Binary files /dev/null and b/frontend/public/images/favicon/favicon-16x16.png differ
diff --git a/frontend/public/images/favicon/favicon-32x32.png b/frontend/public/images/favicon/favicon-32x32.png
new file mode 100644
index 0000000..ebc28e4
Binary files /dev/null and b/frontend/public/images/favicon/favicon-32x32.png differ
diff --git a/frontend/public/images/favicon/favicon.ico b/frontend/public/images/favicon/favicon.ico
new file mode 100644
index 0000000..70205cb
Binary files /dev/null and b/frontend/public/images/favicon/favicon.ico differ
diff --git a/frontend/public/images/favicon/mstile-144x144.png b/frontend/public/images/favicon/mstile-144x144.png
new file mode 100644
index 0000000..6d9d4b6
Binary files /dev/null and b/frontend/public/images/favicon/mstile-144x144.png differ
diff --git a/frontend/public/images/favicon/mstile-150x150.png b/frontend/public/images/favicon/mstile-150x150.png
new file mode 100644
index 0000000..1388b03
Binary files /dev/null and b/frontend/public/images/favicon/mstile-150x150.png differ
diff --git a/frontend/public/images/favicon/mstile-310x150.png b/frontend/public/images/favicon/mstile-310x150.png
new file mode 100644
index 0000000..2a45999
Binary files /dev/null and b/frontend/public/images/favicon/mstile-310x150.png differ
diff --git a/frontend/public/images/favicon/mstile-310x310.png b/frontend/public/images/favicon/mstile-310x310.png
new file mode 100644
index 0000000..4a88640
Binary files /dev/null and b/frontend/public/images/favicon/mstile-310x310.png differ
diff --git a/frontend/public/images/favicon/mstile-70x70.png b/frontend/public/images/favicon/mstile-70x70.png
new file mode 100644
index 0000000..81352db
Binary files /dev/null and b/frontend/public/images/favicon/mstile-70x70.png differ
diff --git a/frontend/public/images/favicon/safari-pinned-tab.svg b/frontend/public/images/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..dec2302
--- /dev/null
+++ b/frontend/public/images/favicon/safari-pinned-tab.svg
@@ -0,0 +1,48 @@
+<?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.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3278 6995 c-1 -1 -42 -5 -89 -9 -47 -4 -95 -8 -105 -10 -10 -2 -41
+-7 -69 -10 -428 -56 -875 -210 -1270 -439 -103 -60 -265 -165 -315 -204 -8 -6
+-51 -40 -95 -74 -353 -275 -673 -651 -897 -1054 -49 -87 -148 -289 -148 -301
+0 -2 -9 -23 -20 -47 -57 -123 -157 -435 -186 -582 -2 -11 -10 -54 -19 -95 -29
+-147 -36 -200 -52 -370 -15 -165 -8 -592 12 -711 2 -13 6 -46 9 -74 9 -78 22
+-152 51 -285 21 -96 91 -339 114 -395 5 -11 25 -65 46 -120 63 -166 249 -531
+312 -610 4 -6 34 -49 65 -95 52 -78 214 -286 263 -336 198 -208 293 -297 445
+-419 92 -74 370 -265 386 -265 4 0 15 -6 23 -14 26 -22 298 -158 411 -205 267
+-111 589 -200 859 -237 25 -3 57 -8 71 -10 163 -25 682 -25 842 1 13 2 46 7
+73 10 72 10 86 12 120 19 17 3 44 8 60 11 194 37 411 101 622 184 130 52 418
+192 473 231 15 11 33 20 39 20 6 0 11 5 11 10 0 6 5 10 10 10 15 0 220 141
+330 227 152 118 324 280 450 422 36 41 70 79 76 85 6 6 48 61 94 121 150 197
+277 405 383 628 26 53 47 99 47 102 0 2 11 28 24 57 57 127 151 421 182 573
+17 81 54 301 59 350 4 33 9 71 11 85 9 47 11 525 3 605 -15 165 -21 220 -24
+225 -2 3 -6 30 -10 60 -4 30 -22 123 -40 205 -53 232 -102 385 -197 610 -387
+911 -1160 1625 -2103 1943 -168 57 -420 119 -555 137 -19 3 -46 7 -60 10 -13
+2 -52 7 -86 11 -33 3 -74 8 -90 10 -32 5 -540 14 -546 9z m456 -1761 c528 -74
+985 -374 1264 -831 66 -107 164 -326 178 -397 2 -10 10 -42 18 -70 14 -49 26
+-113 43 -221 10 -63 9 -362 -1 -435 -35 -263 -115 -481 -271 -738 -65 -108
+-239 -300 -363 -401 -119 -97 -344 -230 -432 -256 -14 -4 -29 -11 -35 -15 -32
+-24 -257 -82 -410 -107 -133 -21 -461 -4 -610 30 -170 40 -286 85 -475 183
+-102 52 -303 208 -396 305 -78 83 -174 206 -226 289 -85 136 -185 367 -214
+495 -13 56 -33 167 -41 220 -10 75 -10 373 0 440 42 268 116 477 241 680 186
+303 473 558 776 689 36 15 79 34 95 41 84 37 292 88 410 101 33 3 61 7 63 9 9
+9 304 0 386 -11z"/>
+<path d="M3339 4805 c-2 -2 -24 -6 -49 -10 -185 -26 -385 -109 -560 -232 -88
+-62 -243 -221 -307 -313 -55 -82 -143 -247 -143 -271 0 -8 -4 -19 -9 -24 -8
+-9 -36 -98 -47 -150 -28 -130 -34 -176 -34 -305 0 -113 4 -155 26 -267 86
+-428 397 -794 814 -957 74 -29 195 -62 257 -71 23 -3 57 -8 75 -10 43 -6 234
+-6 276 0 114 15 127 18 202 38 144 39 282 103 409 190 98 66 262 230 328 328
+111 163 190 358 220 544 10 65 10 345 0 413 -32 203 -132 432 -266 606 -51 67
+-219 220 -298 273 -229 153 -432 215 -719 219 -95 2 -173 1 -175 -1z m259
+-879 c5 -3 19 -7 33 -9 37 -7 124 -59 167 -99 251 -238 138 -664 -196 -742
+-133 -31 -267 -1 -372 83 -55 44 -73 64 -105 116 -56 94 -75 217 -49 328 36
+153 167 285 320 321 55 13 182 14 202 2z"/>
+</g>
+</svg>
diff --git a/frontend/public/images/favicon/site.webmanifest b/frontend/public/images/favicon/site.webmanifest
new file mode 100644
index 0000000..b20abb7
--- /dev/null
+++ b/frontend/public/images/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/public/index.html b/frontend/public/index.html
index 9a108b0..fb86ea9 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -6,6 +6,13 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/images/favicon/site.webmanifest">
+    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="theme-color" content="#ffffff">
     <link href="/index.css" rel="stylesheet" />
     <title>Playlist Manager</title>
   </head>