DEV Community

Cover image for Meet Launcher Icon Previewer - preview your app icon design on your device
Henry Lim
Henry Lim

Posted on • Updated on

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.

Try it now: https://icon.limhenry.xyz/


Here's how you can use Launcher Icon Previewer:

Step 1: Go to icon.limhenry.xyz

First, navigate to icon.limhenry.xyz, 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.

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!


Launcher Icon Previewer is currently in beta. Please let us know how can we improve.

Try it now: https://icon.limhenry.xyz/


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

Oldest comments (1)

Collapse
 
usmanzahidcode profile image
Usman Zahid • Edited

Its awesome and useful.