diff --git a/docs/src/.vuepress/head.ts b/docs/src/.vuepress/head.ts
index c0c820e0..f9ae3fac 100644
--- a/docs/src/.vuepress/head.ts
+++ b/docs/src/.vuepress/head.ts
@@ -119,4 +119,13 @@ export default [
       href: meta.img,
     },
   ],
+  ['link', { rel: 'apple-touch-icon', sizes: '180x180', href: '/favicons/apple-touch-icon.png' }],
+  ['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicons/favicon-32x32.png' }],
+  ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicons/favicon-16x16.png' }],
+  ['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicons/android-chrome-192x192.png' }],
+  ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicons/android-chrome-512x512.png' }],
+  ['link', { rel: 'manifest', href: '/favicons/site.webmanifest' }],
+  ['link', { rel: 'shortcut icon', href: '/favicons/favicon.ico' }],
+  ['meta', { name: 'msapplication-TileColor', content: '#10b981' }],
+  ['meta', { name: 'theme-color', content: '#10b981' }],
 ]
diff --git a/docs/src/.vuepress/public/favicons/android-chrome-192x192.png b/docs/src/.vuepress/public/favicons/android-chrome-192x192.png
new file mode 100644
index 00000000..c4369d04
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/android-chrome-192x192.png differ
diff --git a/docs/src/.vuepress/public/favicons/android-chrome-512x512.png b/docs/src/.vuepress/public/favicons/android-chrome-512x512.png
new file mode 100644
index 00000000..cc2b110c
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/android-chrome-512x512.png differ
diff --git a/docs/src/.vuepress/public/favicons/apple-touch-icon.png b/docs/src/.vuepress/public/favicons/apple-touch-icon.png
new file mode 100644
index 00000000..55ae7caa
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/apple-touch-icon.png differ
diff --git a/docs/src/.vuepress/public/favicons/favicon-16x16.png b/docs/src/.vuepress/public/favicons/favicon-16x16.png
new file mode 100644
index 00000000..81c77d02
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/favicon-16x16.png differ
diff --git a/docs/src/.vuepress/public/favicons/favicon-32x32.png b/docs/src/.vuepress/public/favicons/favicon-32x32.png
new file mode 100644
index 00000000..cf622306
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/favicon-32x32.png differ
diff --git a/docs/src/.vuepress/public/favicons/favicon.ico b/docs/src/.vuepress/public/favicons/favicon.ico
new file mode 100644
index 00000000..6bbbf34a
Binary files /dev/null and b/docs/src/.vuepress/public/favicons/favicon.ico differ
diff --git a/docs/src/.vuepress/public/favicons/site.webmanifest b/docs/src/.vuepress/public/favicons/site.webmanifest
new file mode 100644
index 00000000..45dc8a20
--- /dev/null
+++ b/docs/src/.vuepress/public/favicons/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