Meet Launcher Icon Previewer - preview your app icon design on your device

Need an easier way to test your launcher icon design on a real device home device?

Meet Launcher Icon Previewer, Launcher Icon Previewer allows you to preview your launcher icon design on your mobile devices.

Here’s how you can use Launcher Icon Previewer:

Step 1: Go to

First, navigate to, select your launcher icon. We recommend you to upload a PNG file with the image resolution of 192px × 192px.

After that, you will have the option to set the app name (it’s ok to left it blank).

Once it’s all done, just click on the Upload Icon button.

Step 2: Open the link on your mobile device

Now, the tool will show you a QR code and a link. Open the link using Chrome or Safari (if you are using iOS) on your mobile device.

Step 3: Add to Home Screen

If you are using Chrome on Android, a blue Add to Home Screen button should appear on the screen. Click on the blue button, then the Add to Home Screen Dialog will show on the screen. Click Add to add the icon to your home screen.

(Right) Add to Home Screen Dialog

If the blue Add to Home Screen button doesn’t appear on the screen, you can click the Add to Home screen option from the browser’s menu.

If you are using Safari on iOS, click on the box and arrow icon at the bottom of the screen, then click Add to Home screen.

And now, you should able to see the app icon on your home screen!

Want to support this project? You can make a donation here!



Google Developer Expert in Web Technologies | Front-end Web Developer | Making the web better with Preact, Polymer, Web Components, PWA & Firebase

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store