Free Tool

PWA Icons & iOS Splash Screen Generator

Upload an image to generate all required app icons, iOS splash screens and meta tags for your PWA.

Accepted file formats: PNG, JPG, SVG, WEBP. Recommended size: 512x512 or higher. Recommended aspect ratio: 1:1.

Your assets

  • 512x512 PWA iconPWA IconIcon512x512
  • Splash screen for iPhone 13 Pro Max, iPhone 12 Pro Max PortraitiPhone 13 Pro Max, iPhone 12 Pro Max Splash ScreenPortrait
  • Splash screen for iPhone 13 Pro Max, iPhone 12 Pro Max LandscapeiPhone 13 Pro Max, iPhone 12 Pro Max Splash ScreenLandscape
  • Splash screen for 12.9 iPad Pro Landscape12.9" iPad Pro Splash ScreenLandscape
  • Splash screen for iPhone 11 Pro Max, iPhone XS Max PortraitiPhone 11 Pro Max, iPhone XS MaxSplash ScreenPortrait
  • Splash screen for 11 iPad Pro, 10.5 iPad Pro Landscape11" iPad Pro, 10.5" iPad Pro Splash ScreenLandscape
  • Splash screen for 4 iPhone SE, iPod touch 5th generation and later Portrait4" iPhone SE, iPod touch 5th generation and later Splash ScreenPortrait
  • Splash screen for 10.5 iPad Air Landscape10.5" iPad Air Splash ScreenLandscape
  • Splash screen for iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus PortraitiPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus Splash ScreenPortrait
  • Splash screen for 10.2 iPad  Landscape10.2" iPad Splash ScreenLandscape
  • Splash screen for iPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7 iPhone SE  PortraitiPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7" iPhone SESplash ScreenPortrait
  • Splash screen for 9.7 iPad Pro, 7.9 iPad mini, 9.7 iPad Air, 9.7 iPad Landscape9.7" iPad Pro, 7.9" iPad mini, 9.7" iPad Air, 9.7" iPad Splash ScreenLandscape
  • Splash screen for 9.7 iPad Pro, 7.9 iPad mini, 9.7 iPad Air, 9.7 iPad Portrait9.7" iPad Pro, 7.9" iPad mini, 9.7" iPad Air, 9.7" iPad Splash ScreenPortrait
  • Splash screen for iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 LandscapeiPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 Splash ScreenLandscape
  • Splash screen for 10.5 iPad Air Portrait10.5" iPad Air Splash ScreenPortrait
  • Splash screen for iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X LandscapeiPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X Splash ScreenLandscape
  • Splash screen for 10.2 iPad  Portrait10.2" iPad Splash ScreenPortrait
  • Splash screen for iPhone 11 Pro Max, iPhone XS Max LandscapeiPhone 11 Pro Max, iPhone XS MaxSplash ScreenLandscape
  • Splash screen for iPhone 11, iPhone XR LandscapeiPhone 11, iPhone XRSplash ScreenLandscape
  • Splash screen for 11 iPad Pro, 10.5 iPad Pro Portrait11" iPad Pro, 10.5" iPad Pro Splash ScreenPortrait
  • Splash screen for iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus LandscapeiPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus Splash ScreenLandscape
  • Splash screen for iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 PortraitiPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12 Splash ScreenPortrait
  • Splash screen for iPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7 iPhone SE  LandscapeiPhone 8, iPhone 7, iPhone 6s, iPhone 6, 4.7" iPhone SESplash ScreenLandscape
  • Splash screen for 12.9 iPad Pro Portrait12.9" iPad Pro Splash ScreenPortrait
  • Splash screen for 4 iPhone SE, iPod touch 5th generation and later Landscape4" iPhone SE, iPod touch 5th generation and later Splash ScreenLandscape
  • Splash screen for iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X PortraitiPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X Splash ScreenPortrait
  • Splash screen for iPhone 11, iPhone XR PortraitiPhone 11, iPhone XRSplash ScreenPortrait

Frequent questions

Why does a PWA require so many assets?

Android automatically generates a splash screen for your PWA. But Safari on iOS requires to manually create a splash screen for every single possible iPhone and iPad screen size. This tool does exactly that and also provides you with the meta tags that you need to add before the closing head tag in your HTML template.

Are the iOS splash screens up-to-date?

Absolutely! Unlike other iOS splash screens generation tools, ours is and will remain up-to-date. We update it when Apple releases an new iPhone or iPad. This free tool uses the same code that our commercial product Progressier uses. Our commercial product generate splash screens and add them to your app automatically. This tool provides you similar functionality for free, except that you need to host these files and copy-paste the meta tags on your own (Progressier comes with a bunch of extra stuff as well, like push notifications and offline capabilities).

What is a maskable icon?

Maskable icons allow your PWA icon to look great on all Android smartphones and tablets. You specify an image file with a safe area in your app manifest. And every device will crop that image in their own way so that all icons follow the same pattern on a given homescreen. The resulting icon fills the entire width and height of the icon box. A maskable icon may be displayed within various shapes. In most cases, it's either within a square with rounded corners or within a circle. You can read more about maskable icons here. Maskable icons shouldn't have a purpose set to any maskable.

Can I use a different PWA icon on mobile and desktop?

Maskable icons are great on mobile, but they don't look fantastic on Desktop. Windows and Mac don't really crop your maskable PWA icons and make use of the safe area at all. With Progressier, you can easily choose to display two different sets of icons on mobile and desktop. Our server will detect which to use automatically.

Can I use a transparent PWA icon?

Not anymore. Android used to support icons with transparency. This resulted in your home screen containing icons in various shapes. Most recent Android versions automatically add a background to your app icons. This was probably done in a effort to emulate iOS and also simply provide more consistency across apps. So that your PWA icons look and feel the same on all platforms, we automatically add a background for you.

Why can't I see the name of my PWA on Android splash screens?

Android used to output your splash screens automatically based on the name, theme_color and icons in the app manifest of your app. However, this changes every now and then. In recent Android versions, the splash screens only displays the theme_color and icons of your apps and no longer use the name of your app. This may vary from device to device depending on the exact Android version it uses. So as a general rule of thumb, you should not count on the splash screen being displayed in a particular way.

Where should I copy-paste the meta tags provided?

Download the bundle, unzip it, and open the text file provided. Copy the tags between the <head> and </head> tags in your HTML template. if you're using Bubble, paste these meta tags in Settings > SEO/metatags > Advanced settings > Scripts/meta tags in header.

Can I generate my PWA assets dynamically?

Not with this free tool, but Progressier also comes with a solution for Programmatic PWAs. This set of APIs and features allows you to generate multiple PWAs on the same domain or on different domain on the fly. It also creates all required icons and iOS splash screens for your PWAs generated that way, similar to what this free tool provides (with a bunch of extra stuff, obviously).

Your app here

Looking for a more complete solution?

With Progressier, you get all assets generated for you automatically. And also a push notification solution, a caching strategy builder and much more. No code to write. No meta tags to copy-paste. No files to host.

Get started See plans