diff --git a/web/assets/favicon/apple-touch-icon.png b/web/assets/favicon/apple-touch-icon.png
new file mode 100644
index 00000000..6ab9b4db
Binary files /dev/null and b/web/assets/favicon/apple-touch-icon.png differ
diff --git a/web/assets/favicon/favicon-16x16.png b/web/assets/favicon/favicon-16x16.png
new file mode 100644
index 00000000..ae4b54a9
Binary files /dev/null and b/web/assets/favicon/favicon-16x16.png differ
diff --git a/web/assets/favicon/favicon-32x32.png b/web/assets/favicon/favicon-32x32.png
new file mode 100644
index 00000000..2dadefc7
Binary files /dev/null and b/web/assets/favicon/favicon-32x32.png differ
diff --git a/web/assets/favicon/favicon.ico b/web/assets/favicon/favicon.ico
new file mode 100644
index 00000000..4d0620f1
Binary files /dev/null and b/web/assets/favicon/favicon.ico differ
diff --git a/web/html/common/head.html b/web/html/common/head.html
index ca854a30..19798c83 100644
--- a/web/html/common/head.html
+++ b/web/html/common/head.html
@@ -4,6 +4,10 @@
   <meta name="renderer" content="webkit">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="shortcut icon" type="image/x-icon" href="{{ .base_path }}assets/favicon/favicon.ico">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ .base_path }}assets/favicon/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ .base_path }}assets/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ .base_path }}assets/favicon/favicon-16x16.png">
   <link rel="stylesheet" href="{{ .base_path }}assets/ant-design-vue/antd.min.css">
   <link rel="stylesheet" href="{{ .base_path }}assets/element-ui/theme-chalk/display.css">
   <link rel="stylesheet" href="{{ .base_path }}assets/css/custom.min.css?{{ .cur_ver }}">