diff --git a/public/images/favicon/android-chrome-192x192.png b/public/images/favicon/android-chrome-192x192.png
new file mode 100644
index 000000000..9967d4a87
Binary files /dev/null and b/public/images/favicon/android-chrome-192x192.png differ
diff --git a/public/images/favicon/android-chrome-512x512.png b/public/images/favicon/android-chrome-512x512.png
new file mode 100644
index 000000000..691fc2d24
Binary files /dev/null and b/public/images/favicon/android-chrome-512x512.png differ
diff --git a/public/images/favicon/apple-touch-icon.png b/public/images/favicon/apple-touch-icon.png
new file mode 100644
index 000000000..b670253fc
Binary files /dev/null and b/public/images/favicon/apple-touch-icon.png differ
diff --git a/public/images/favicon/browserconfig.xml b/public/images/favicon/browserconfig.xml
new file mode 100644
index 000000000..1bb712166
--- /dev/null
+++ b/public/images/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="images/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/images/favicon/favicon-16x16.png b/public/images/favicon/favicon-16x16.png
new file mode 100644
index 000000000..60e040795
Binary files /dev/null and b/public/images/favicon/favicon-16x16.png differ
diff --git a/public/images/favicon/favicon-32x32.png b/public/images/favicon/favicon-32x32.png
new file mode 100644
index 000000000..69f15acf6
Binary files /dev/null and b/public/images/favicon/favicon-32x32.png differ
diff --git a/public/images/favicon/favicon.ico b/public/images/favicon/favicon.ico
new file mode 100644
index 000000000..c0afbf89b
Binary files /dev/null and b/public/images/favicon/favicon.ico differ
diff --git a/public/images/favicon/mstile-150x150.png b/public/images/favicon/mstile-150x150.png
new file mode 100644
index 000000000..7cba5e40e
Binary files /dev/null and b/public/images/favicon/mstile-150x150.png differ
diff --git a/public/images/favicon/safari-pinned-tab.svg b/public/images/favicon/safari-pinned-tab.svg
new file mode 100644
index 000000000..8f9fcfc01
--- /dev/null
+++ b/public/images/favicon/safari-pinned-tab.svg
@@ -0,0 +1,65 @@
+<?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="1041.000000pt" height="1041.000000pt" viewBox="0 0 1041.000000 1041.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1041.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4429 10318 c-1 -7 -2 -232 -3 -500 0 -267 -4 -489 -8 -493 -5 -6
+-97 -27 -254 -60 -18 -4 -243 -71 -317 -95 -23 -7 -29 -6 -34 8 -4 9 -27 51
+-51 92 -24 41 -60 104 -80 140 -19 36 -41 72 -48 81 -8 8 -14 18 -14 21 0 3
+-43 79 -95 168 -52 89 -95 163 -95 165 0 3 -100 175 -106 183 -2 3 -49 -22
+-149 -78 -16 -10 -81 -47 -143 -84 -62 -36 -132 -77 -155 -90 -169 -95 -884
+-510 -892 -517 -6 -7 -3 -21 9 -42 10 -18 30 -52 44 -77 37 -65 242 -420 263
+-455 11 -16 22 -37 26 -45 4 -8 37 -68 75 -132 37 -64 68 -120 67 -125 0 -4
+-27 -30 -60 -58 -61 -51 -276 -267 -339 -341 l-36 -42 -199 115 c-110 63 -237
+137 -283 164 -45 27 -84 49 -87 49 -3 0 -29 16 -60 35 -30 20 -63 39 -72 42
+-9 4 -49 26 -87 50 -68 42 -96 52 -96 34 0 -7 -245 -437 -279 -491 -6 -8 -19
+-31 -29 -50 -11 -19 -117 -204 -236 -410 -119 -206 -214 -380 -212 -386 2 -6
+17 -18 33 -26 15 -8 88 -49 162 -92 74 -43 149 -86 165 -96 102 -57 492 -283
+495 -286 3 -2 -10 -48 -27 -102 l-32 -97 -592 0 -593 0 -3 -1186 -2 -1185 586
+0 c377 1 591 -3 600 -9 12 -10 70 -182 63 -189 -3 -3 -303 -177 -422 -245
+-252 -144 -437 -254 -437 -262 0 -4 22 -46 49 -91 50 -86 187 -323 226 -393
+13 -22 87 -150 165 -285 78 -135 151 -261 162 -280 97 -170 163 -282 169 -286
+5 -3 55 22 111 54 57 33 119 69 138 80 19 11 150 86 290 167 140 82 267 154
+282 162 15 8 30 19 34 24 3 6 88 -73 187 -174 100 -101 198 -197 218 -214 19
+-16 39 -34 43 -41 3 -6 -27 -68 -67 -139 -82 -141 -134 -231 -303 -525 -63
+-108 -114 -201 -114 -206 0 -6 120 -80 268 -165 315 -183 832 -481 882 -509
+19 -11 40 -23 45 -28 20 -15 147 -81 149 -78 6 6 72 124 79 138 4 8 16 29 27
+45 11 17 23 37 27 45 4 8 42 75 85 149 43 73 78 135 78 137 0 3 22 39 48 82
+26 42 51 84 54 92 3 8 28 52 54 96 l49 82 90 -30 c50 -16 97 -31 105 -33 8 -2
+76 -19 150 -39 74 -19 162 -40 195 -46 l61 -12 -1 -504 0 -504 780 0 780 0 0
+504 0 504 60 12 c33 7 70 14 81 16 71 13 429 115 455 130 5 3 58 -86 200 -335
+15 -25 82 -143 151 -261 121 -209 151 -262 155 -268 2 -5 56 23 123 63 30 18
+190 111 355 206 165 95 397 229 515 298 118 68 233 134 255 146 22 12 54 31
+72 42 l32 19 -81 140 c-44 76 -92 159 -105 184 -14 25 -40 70 -58 100 -18 30
+-42 71 -53 90 -10 19 -61 106 -111 193 l-92 158 178 174 c98 96 194 194 213
+219 19 25 41 45 48 46 14 0 39 -14 545 -307 174 -101 321 -182 326 -179 5 3
+31 45 59 93 52 92 272 475 361 627 28 49 51 90 51 92 0 1 25 43 55 93 30 50
+55 93 55 97 0 3 8 18 19 32 10 15 29 47 43 72 31 56 88 153 110 188 9 15 17
+32 17 38 1 6 -27 28 -61 48 -35 21 -70 42 -78 47 -8 5 -22 12 -30 16 -8 4 -38
+22 -67 40 -29 18 -54 33 -57 33 -2 0 -37 20 -78 43 -40 24 -165 97 -278 161
+-113 65 -207 120 -209 121 -4 5 50 177 60 190 5 6 215 10 598 9 l591 0 0 1186
+0 1186 -591 0 c-383 -1 -593 3 -598 9 -11 15 -65 184 -60 189 2 2 81 47 174
+101 260 150 436 252 590 341 28 16 62 35 76 43 l27 13 -18 32 c-10 17 -76 132
+-148 256 -71 124 -138 241 -149 260 -11 19 -77 133 -146 253 -70 120 -138 237
+-151 260 -60 108 -158 273 -166 281 -5 5 -49 -16 -102 -47 -149 -88 -668 -388
+-725 -419 -29 -15 -53 -23 -53 -17 0 6 -97 107 -215 225 l-214 214 249 432
+c137 238 249 433 247 434 -2 2 -463 268 -562 325 -33 19 -69 40 -80 46 -11 7
+-32 18 -47 25 -16 7 -28 16 -28 20 0 4 -4 8 -9 8 -8 0 -257 141 -496 282 -54
+32 -127 69 -128 66 -3 -5 -26 -46 -100 -173 -38 -66 -75 -129 -81 -140 -6 -11
+-80 -140 -165 -286 l-153 -266 -77 24 c-95 31 -225 68 -271 79 -19 4 -39 9
+-45 11 -16 4 -107 24 -139 30 -16 2 -39 8 -50 13 -21 8 -21 8 -21 509 l0 501
+-777 0 c-615 0 -778 -3 -779 -12z m999 -2999 c297 -33 605 -134 851 -280 145
+-85 314 -219 440 -347 93 -96 244 -282 235 -291 -6 -6 -3504 -8 -3504 -2 0 15
+155 205 233 284 221 227 463 388 760 506 66 26 197 68 236 76 9 2 34 8 56 14
+22 6 58 13 80 16 22 3 45 8 52 10 7 2 45 7 85 11 40 3 74 8 76 9 8 7 332 2
+400 -6z m1515 -3298 c16 -1 15 -4 -5 -33 -108 -151 -270 -323 -403 -429 -168
+-133 -382 -258 -566 -328 -92 -36 -298 -95 -369 -106 -353 -55 -671 -42 -965
+42 -436 124 -836 394 -1108 748 -69 89 -75 101 -56 105 16 4 3402 5 3472 1z"/>
+</g>
+</svg>
diff --git a/public/images/favicon/site.webmanifest b/public/images/favicon/site.webmanifest
new file mode 100644
index 000000000..b372ad9f6
--- /dev/null
+++ b/public/images/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "OpenSTAManager",
+    "short_name": "OpenSTAManager",
+    "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/resources/views/app.blade.php b/resources/views/app.blade.php
index 8643d9551..597c9b077 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -1,10 +1,21 @@
 <!DOCTYPE html>
 <html lang="{{app()->getLocale()}}">
 <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
     <title>@lang('OpenStaManager')</title>
-    <link href="{{ mix('css/app.css') }}" rel="stylesheet" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="{{asset('images/favicon/apple-touch-icon.png')}}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{asset('images/favicon/favicon-32x32.png')}}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{asset('images/favicon/favicon-16x16.png')}}">
+    <link rel="manifest" href="{{asset('images/favicon/site.webmanifest')}}">
+    <link rel="mask-icon" href="{{asset('images/favicon/safari-pinned-tab.svg')}}" color="#da532c">
+    <link rel="shortcut icon" href="{{asset('images/favicon/favicon.ico')}}">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="msapplication-config" content="{{asset('images/favicon/browserconfig.xml')}}">
+    <meta name="theme-color" content="#ffffff">
+
+    <link href="{{ mix('css/app.css') }}" rel="stylesheet"/>
     <script src="{{ mix('js/app.js') }}" defer></script>
 </head>
 <body>