App icon

Favicon & PWA Icon Generator

Icons

Drop image here

Or drag & drop an image anywhere in this pane
512×512 px
256×256 px
192×192 px
180×180 px
152×152 px
144×144 px
128×128 px
96×96 px
64×64 px
48×48 px
32×32 px
16×16 px

Shape Previews

Circle
Squircle (iOS)
Rounded square
Teardrop

Manifest

The full name of your app, shown on install prompts and splash screens. Max 45 characters.
A shorter version of the name, used where space is limited — e.g. beneath a home screen icon. Max 12 characters.
A brief description of what your app does. Max 300 characters.
The URL that loads when the app is launched. Use / for the site root.
Colours the browser UI chrome (e.g. the address bar on mobile).
Shown on the splash screen while your app loads.
standalone — looks like a native app with no browser UI. fullscreen — takes up the entire screen. minimal-ui — includes minimal browser navigation. browser — opens in a regular browser tab.

Preview


                        


                    

                


                
                

                    
 HTML

                    

                        

                            
These tags are included in the README.md inside your ZIP export. Add them to the <head> of your HTML.

                            
HTML

                            

                        

                    

                


                
                

                    
 Export

                    

                        

                            
Download all generated icons and your manifest file as a single ZIP archive, ready to deploy.

                            

                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                            

                            
                        

                    

                


                
                

                    
 About

                    

                        

                            
Favicon & PWA Icon Generator is a free, browser-based tool that creates every icon size your website or Progressive Web App needs — no server uploads, no account required.


                            
What it does

                            
    
                                
  • Generates 13 PNG icon sizes from a single source image: 512, 256, 192, 180, 152, 144, 128, 96, 64, 48, 32, and 16 px — each icon is clickable for individual download, upload, or shape editing.
    • 
                                
  • Produces a multi-resolution favicon.ico (16 & 32 px) compatible with all browsers.
    • 
                                
  • Builds a Web App Manifest (manifest.json) with configurable name, colours, and display mode.
    • 
                                
  • Generates placeholder PWA screenshots (mobile 390×844 and wide 1280×800) required by some install prompts.
    • 
                                
  • Provides ready-to-paste HTML <head> tags alongside a README.md with integration instructions.
    • 
                                
  • Packages everything into a single ZIP archive for instant deployment.
    • 
                            


                            
How to use it

                            
    
                                
  1. Icons — Upload your source image (PNG, SVG, or JPEG). Optionally apply a global shape clip (circle, squircle, or rounded square) and toggle the safe-zone overlay to check maskable icon coverage. Click any individual icon to download it, replace it with a different image, or apply a shape clip to that size only.
    2. 
                                
  2. Manifest — Fill in your app name, description, theme colour, and display mode to generate a valid manifest.json.
    3. 
                                
  3. HTML — Copy the generated <link> and <meta> tags into the <head> of your HTML.
    4. 
                                
  4. Export — Select the files you need and download the ZIP, then place the contents in your site's root directory.
    5. 
                            


                            
Privacy

                            
All processing happens entirely in your browser. Your images are never uploaded to any server.


                            

                                
 Install the app

                                
This tool is a Progressive Web App and can be installed on your device for quick offline access.

                                

                                    
 Desktop (Chrome / Edge)

                                    
Look for the install icon () in the browser address bar, then click Install in the prompt that appears.

                                    
 Android (Chrome)

                                    
Tap the browser menu (), select Add to Home screen, then tap Install.

                                    
 iPhone / iPad (Safari)

                                    
Tap the Share button (), scroll down and tap Add to Home Screen, then tap Add.

                                

                            


                            

                                
Author

                                

                                    Philip Newborough
                                    

                                        
Web developer and tech enthusiast. When I'm not coding, I can be found performing Grumpa duties, reading Warhammer 40,000 fiction, listening to tech podcasts or riding my bike.

                                        
philipnewborough.co.uk