diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 2908bda..ef4301a 100755
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -19,6 +19,9 @@ module.exports = {
    * ref：https://v1.vuepress.vuejs.org/config/#head
    */
   head: [
+    ['link', { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-icon.png"}],
+    ['link', { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png"}],
+    ['link', { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png"}],
     ['meta', { name: 'theme-color', content: '#3eaf7c' }],
     ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }]
diff --git a/docs/.vuepress/public/apple-icon.png b/docs/.vuepress/public/apple-icon.png
new file mode 100644
index 0000000..dc25f51
Binary files /dev/null and b/docs/.vuepress/public/apple-icon.png differ
diff --git a/docs/.vuepress/public/favicon-16x16.png b/docs/.vuepress/public/favicon-16x16.png
new file mode 100644
index 0000000..7185f14
Binary files /dev/null and b/docs/.vuepress/public/favicon-16x16.png differ
diff --git a/docs/.vuepress/public/favicon-32x32.png b/docs/.vuepress/public/favicon-32x32.png
new file mode 100644
index 0000000..28c0fd6
Binary files /dev/null and b/docs/.vuepress/public/favicon-32x32.png differ
diff --git a/docs/.vuepress/public/favicon-96x96.png b/docs/.vuepress/public/favicon-96x96.png
new file mode 100644
index 0000000..0a608cf
Binary files /dev/null and b/docs/.vuepress/public/favicon-96x96.png differ
diff --git a/docs/.vuepress/public/favicon.ico b/docs/.vuepress/public/favicon.ico
deleted file mode 100644
index 2a20448..0000000
Binary files a/docs/.vuepress/public/favicon.ico and /dev/null differ