This repository was archived by the owner on Jul 19, 2022. It is now read-only.

Generate Icons

Jump to bottom

Zach Teutsch edited this page Feb 1, 2022 · 2 revisions

Different Icons for Different Platforms

Currently, PWAs running on different platforms, such as Windows, Android and iOS also require different sized icons for your PWA to display properly. The PWA Studio extension can help you generate the correct sized Icons for your application, using your existing 512x512 sized icon and add them directly to your manifest.

To generate icons:

Ensure you have a web manifest. See the validation documentation.
Hit ctrl-shift-P with Code open.
Search for and run the command PWA Studio: Generate Icons.
The generate icon dialogue will open up and ask you to select a file.
Click Generate Icons.
Your icons will be automatically added to your web manifest.