diff --git a/frontend/media/favicon/android-chrome-192x192.png b/frontend/media/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..1cd8bfa
Binary files /dev/null and b/frontend/media/favicon/android-chrome-192x192.png differ
diff --git a/frontend/media/favicon/android-chrome-512x512.png b/frontend/media/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..a5110f2
Binary files /dev/null and b/frontend/media/favicon/android-chrome-512x512.png differ
diff --git a/frontend/media/favicon/apple-touch-icon.png b/frontend/media/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..5b8f173
Binary files /dev/null and b/frontend/media/favicon/apple-touch-icon.png differ
diff --git a/frontend/media/favicon/browserconfig.xml b/frontend/media/favicon/browserconfig.xml
new file mode 100644
index 0000000..0e12d39
--- /dev/null
+++ b/frontend/media/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#343a40</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/frontend/media/favicon/favicon-16x16.png b/frontend/media/favicon/favicon-16x16.png
new file mode 100644
index 0000000..3bb2a03
Binary files /dev/null and b/frontend/media/favicon/favicon-16x16.png differ
diff --git a/frontend/media/favicon/favicon-32x32.png b/frontend/media/favicon/favicon-32x32.png
new file mode 100644
index 0000000..bebaf54
Binary files /dev/null and b/frontend/media/favicon/favicon-32x32.png differ
diff --git a/frontend/media/favicon/favicon.ico b/frontend/media/favicon/favicon.ico
new file mode 100644
index 0000000..ea9abef
Binary files /dev/null and b/frontend/media/favicon/favicon.ico differ
diff --git a/frontend/media/favicon/mstile-144x144.png b/frontend/media/favicon/mstile-144x144.png
new file mode 100644
index 0000000..d907ec2
Binary files /dev/null and b/frontend/media/favicon/mstile-144x144.png differ
diff --git a/frontend/media/favicon/mstile-150x150.png b/frontend/media/favicon/mstile-150x150.png
new file mode 100644
index 0000000..105d7fa
Binary files /dev/null and b/frontend/media/favicon/mstile-150x150.png differ
diff --git a/frontend/media/favicon/mstile-310x150.png b/frontend/media/favicon/mstile-310x150.png
new file mode 100644
index 0000000..05ef2b6
Binary files /dev/null and b/frontend/media/favicon/mstile-310x150.png differ
diff --git a/frontend/media/favicon/mstile-310x310.png b/frontend/media/favicon/mstile-310x310.png
new file mode 100644
index 0000000..ee6ced4
Binary files /dev/null and b/frontend/media/favicon/mstile-310x310.png differ
diff --git a/frontend/media/favicon/mstile-70x70.png b/frontend/media/favicon/mstile-70x70.png
new file mode 100644
index 0000000..066186c
Binary files /dev/null and b/frontend/media/favicon/mstile-70x70.png differ
diff --git a/frontend/media/favicon/safari-pinned-tab.svg b/frontend/media/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..860bb2f
--- /dev/null
+++ b/frontend/media/favicon/safari-pinned-tab.svg
@@ -0,0 +1,34 @@
+<?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="M1330 5856 l0 -253 108 -12 c201 -23 358 -70 529 -160 387 -204 661
+-568 755 -1004 30 -139 32 -429 4 -557 -71 -329 -211 -582 -446 -803 -231
+-218 -558 -362 -868 -384 l-82 -6 2 -260 3 -260 90 2 c111 3 260 24 385 56
+658 166 1189 660 1399 1301 91 278 119 553 86 839 -109 932 -852 1656 -1791
+1745 -60 5 -124 10 -141 10 l-33 0 0 -254z"/>
+<path d="M5500 6080 c-786 -59 -1476 -596 -1726 -1344 -304 -914 93 -1910 946
+-2369 235 -127 484 -200 765 -227 61 -5 122 -10 138 -10 l27 0 -2 262 -3 263
+-85 7 c-236 18 -473 103 -690 246 -119 78 -308 270 -393 398 -108 163 -175
+323 -219 522 -31 140 -31 434 0 574 87 393 301 712 626 929 189 127 432 217
+632 234 38 3 84 8 102 11 l32 5 -2 252 c-3 244 -4 252 -23 253 -11 1 -67 -2
+-125 -6z"/>
+<path d="M2090 4859 c-846 -81 -1553 -699 -1745 -1524 -32 -141 -46 -271 -46
+-440 -1 -332 64 -604 212 -896 323 -635 957 -1046 1672 -1082 l87 -5 0 264 0
+264 -47 0 c-69 0 -215 25 -318 55 -389 113 -723 395 -900 760 -233 479 -196
+1013 101 1463 78 118 271 310 393 391 211 140 447 223 704 246 l67 7 0 254 0
+254 -47 -1 c-27 -1 -86 -5 -133 -10z"/>
+<path d="M4730 4593 l0 -253 23 -4 c12 -3 57 -8 100 -11 44 -3 130 -19 192
+-35 522 -131 932 -547 1060 -1073 121 -495 -25 -1008 -390 -1372 -247 -248
+-563 -397 -895 -423 l-85 -7 -3 -264 -2 -264 102 8 c649 45 1195 360 1547 891
+214 322 322 686 322 1079 0 327 -65 604 -209 890 -100 199 -220 361 -389 526
+-120 117 -171 159 -293 239 -297 195 -653 310 -997 322 l-83 3 0 -252z"/>
+</g>
+</svg>
diff --git a/frontend/media/favicon/site.webmanifest b/frontend/media/favicon/site.webmanifest
new file mode 100644
index 0000000..f3a5f05
--- /dev/null
+++ b/frontend/media/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Fontis",
+    "short_name": "Fontis",
+    "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/spa.html b/frontend/spa.html
index 4a7d46f..3d632b5 100644
--- a/frontend/spa.html
+++ b/frontend/spa.html
@@ -8,9 +8,9 @@
         <base href="/" />
 
         <link rel="stylesheet" href="/dist/index.css?t=__TIMESTAMP__" />
-        <link rel="apple-touch-icon" sizes="180x180" href="/media/favicon/apple-touch-icon.png" />
-        <link rel="icon" type="image/png" sizes="32x32" href="/media/favicon/favicon-32x32.png" />
-        <link rel="icon" type="image/png" sizes="16x16" href="/media/favicon/favicon-16x16.png" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/media/favicon/apple-touch-icon.png" type="image/x-icon" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/media/favicon/favicon-32x32.png" type="image/x-icon" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/media/favicon/favicon-16x16.png" type="image/x-icon" />
         <link rel="manifest" href="/site.webmanifest" />
         <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#343a40" />
         <meta name="apple-mobile-web-app-title" content="Fontis" />