Web Tools tools.bryantsmith.com

Images & SVG

Favicon Generator

Upload one source image and get favicon.ico, ready-to-ship PNG icons, a web app manifest and copy-ready <head> markup. Everything is rendered in your browser — your image never leaves the page.

Runs in your browser v1.0.0

Source image

PNG · JPG · WebP · GIF · SVG

No image loaded.

Options

live

Used for the manifest name and the preview tab.

PNG sizes

Live preview

favicon.ico · apple-touch
16 px tab
32 px bookmark
48 px desktop
180 px apple-touch

Upload a source image to generate favicon files.

Download files

generated locally

Upload an image to build your favicon files.

Copy-ready markup

paste into <head>
HTML link tags 

                

                

                    

                        site.webmanifest
                        
                    

                    

                

            

        

    


    

        

            
How it works

        

        

            

                Your image is drawn onto a series of canvases at standard favicon sizes. The
                favicon.ico file is assembled in your browser from embedded PNG frames
                (16, 32 and 48 px), so it works in modern browsers without any server round-trip.
                The manifest and link tags are generated to match the sizes you select.
            

        

    




Related tools
  • Placeholder Image GeneratorGenerate downloadable placeholder images at exact sizes with custom labels and colors — entirely in your browser.
  • Responsive Image GeneratorPlan responsive image variant widths and generate ready-to-paste srcset, sizes and img markup — entirely in your browser.
  • SVG Background GeneratorBuild lightweight, tileable SVG background patterns with a live preview, then copy the SVG or CSS.
  • Base64 Image ConverterConvert an image to a Base64 data URI or decode a data URI back into a downloadable image — all in your browser.
  • Image CompressorCompress images in your browser with a live before/after quality comparison and instant size savings.
  • Image CropperCrop images in your browser with freeform handles, exact pixel fields, or common aspect ratio presets.
More Images & SVG tools