diff --git a/panel/static/panel/android-chrome-192x192.png b/panel/static/panel/android-chrome-192x192.png
new file mode 100644
index 0000000..af3ded5
Binary files /dev/null and b/panel/static/panel/android-chrome-192x192.png differ
diff --git a/panel/static/panel/android-chrome-512x512.png b/panel/static/panel/android-chrome-512x512.png
new file mode 100644
index 0000000..1e4d831
Binary files /dev/null and b/panel/static/panel/android-chrome-512x512.png differ
diff --git a/panel/static/panel/apple-touch-icon.png b/panel/static/panel/apple-touch-icon.png
new file mode 100644
index 0000000..d665f06
Binary files /dev/null and b/panel/static/panel/apple-touch-icon.png differ
diff --git a/panel/static/panel/favicon-16x16.png b/panel/static/panel/favicon-16x16.png
new file mode 100644
index 0000000..155ef8d
Binary files /dev/null and b/panel/static/panel/favicon-16x16.png differ
diff --git a/panel/static/panel/favicon-32x32.png b/panel/static/panel/favicon-32x32.png
new file mode 100644
index 0000000..73cb364
Binary files /dev/null and b/panel/static/panel/favicon-32x32.png differ
diff --git a/panel/static/panel/favicon.ico b/panel/static/panel/favicon.ico
index 85a4d9f..bbce61c 100644
Binary files a/panel/static/panel/favicon.ico and b/panel/static/panel/favicon.ico differ
diff --git a/panel/static/panel/site.webmanifest b/panel/static/panel/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/panel/static/panel/site.webmanifest
@@ -0,0 +1 @@
+{"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"}
\ No newline at end of file
diff --git a/panel/templates/panel/base.html b/panel/templates/panel/base.html
index dd937a8..6641419 100644
--- a/panel/templates/panel/base.html
+++ b/panel/templates/panel/base.html
@@ -7,7 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <title>{% block title %}{% endblock %}</title>
-
+    <link rel="shortcut icon" type="image/png" href="{% static 'panel/favicon.ico' %}"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'panel/apple-touch-icon.png' %}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'panel/favicon-32x32.png' %}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'panel/favicon-16x16.png' %}">
+    <link rel="manifest" href="{% static 'panel/site.webmanifest' %}">
     <!-- Bootstrap -->
     <link href="{% static 'panel/css/bootstrap.min.css' %}" rel="stylesheet">
     {% block extrahead %}{% endblock %}