Last updated on March 31st, 2020 at 11:18 am
In 2020, your web must have a proper favicon to prevent any error message from browsers and for good experience.
We need to save time to do online without using photoshop and export one by one now days.
I’ve been using the Favicon & App Icon Generator for a while, what you need to do just follow the step below:
- Prepare your image with vector color in 1:1 ratio
- The export size should be 1024 x 1024 pixels
- Drag and drop to it
- Download them
- Upload to your web folder

Just few steps and you could save a lot of time.
The generator will export these files for you:
- android-icon-36×36.png
- android-icon-48×48.png
- android-icon-72×72.png
- android-icon-96×96.png
- android-icon-144×144.png
- android-icon-192×192.png
- apple-icon-57×57.png
- apple-icon-60×60.png
- apple-icon-72×72.png
- apple-icon-76×76.png
- apple-icon-114×114.png
- apple-icon-120×120.png
- apple-icon-144×144.png
- apple-icon-152×152.png
- apple-icon-180×180.png
- apple-icon-precomposed.png
- apple-icon.png
- browserconfig.xml
- favicon-16×16.png
- favicon-32×32.png
- favicon-96×96.png
- favicon.ico
- manifest.json
- ms-icon-70×70.png
- ms-icon-144×144.png
- ms-icon-150×150.png
- ms-icon-310×310.png
Please enjoy, and thanks to
https://www.favicon-generator.org