Favicon Builder web edition

see also PWA edition

Import options

If your source images have exact-size (or an integer-multiple size of the original) for placeholders, then choose "pixelated", otherwise choose "low" or "high", "medium" as smooth resizing quality

The image is scaled with the "nearest neighbor" or similar algorithm to the nearest integer multiple of the original image size, then uses smooth interpolation to bring the image to the final desired size

If your source images have Display P3 color profile embeded, then choose "Display P3"

select PNG images in extact sizes (16x16, 32x32 and 48x48), or select a PNG image in large size (e.g. 48x48, 192x192 or 512x512)


select a SVG icon, or select an ICO file which contains icon sizes needed


select an iconset directory which contains Contents.json and some PNG files


Preview options

choose "smooth" (binlinear) or "crisp-edges" (nearest neighbor) for smoothing effect, choose "pixelated" if your prefer raw/original

16x16
32x32
48x48

To fill an image placeholder, drop/paste an image file to the canvas; to clear an image placeholder, focus on the placeholder and press Backspace or Delete

clear all placeholder images in workspace

Export options

choose which image sizes to be contained in output icon

generate a .ico file and to preview the .ico as page favicon (see browser title bar), click again to reset page favicon


export the images as a .ico file using export options above


export the images as a .iconset directory using export options above

This app doesn't work without a HTTP server.