diff --git a/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-192x192.png b/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-192x192.png
new file mode 100644
index 0000000000..791e9c8c2c
Binary files /dev/null and b/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-192x192.png differ
diff --git a/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-512x512.png b/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-512x512.png
new file mode 100644
index 0000000000..5f2098ed27
Binary files /dev/null and b/packages/@vue/cli-plugin-pwa/generator/template/public/img/icons/android-chrome-maskable-512x512.png differ
diff --git a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
index a42852960e..6ff0003842 100644
--- a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
+++ b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
@@ -23,6 +23,18 @@ const defaultManifest = {
       'src': './img/icons/android-chrome-512x512.png',
       'sizes': '512x512',
       'type': 'image/png'
+    },
+    {
+      'src': './img/icons/android-chrome-maskable-192x192.png',
+      'sizes': '192x192',
+      'type': 'image/png',
+      'purpose': 'maskable'
+    },
+    {
+      'src': './img/icons/android-chrome-maskable-512x512.png',
+      'sizes': '512x512',
+      'type': 'image/png',
+      'purpose': 'maskable'
     }
   ],
   start_url: '.',