Create square PNG icons for browser tabs, Apple touch icons, and progressive web app manifests. The source is fitted inside the selected square without cropping. Transparent padding remains transparent in the PNG download.
How to use Favicon
- Choose a square or nearly square source image.
- Select one of the common favicon or app icon sizes.
- Process and download the PNG, then repeat for any other sizes you need.
Things worth knowing
- Simple marks remain legible at 16 or 32 pixels; detailed photos usually do not.
- This version creates PNG assets rather than a multi-size ICO container.
- A PWA commonly needs both 192 × 192 and 512 × 512 icons.
Frequently asked questions
Which favicon size should I start with?
Use 32 × 32 for a common browser favicon. Also provide larger touch and PWA icons when the site supports installation.
Why is there padding around my icon?
The generator contains the whole source image instead of cropping it. Start with a square source to minimize padding.