Favicon generator (ICO and PNG)

How to use

1. Under "Create from", choose Image, Text or Emoji.
2. For an image, choose a file and decide how non-square images are handled (fit with padding or crop the center). For text, enter one or two characters and pick the weight and color. For emoji, enter one emoji.
3. Adjust the background color, shape (square, rounded or circle) and corner radius, or make the background transparent. The preview updates as you change settings.
4. Check the icons on light and dark backgrounds and in the browser tab mockup, then select "Download all (ZIP)". You can also download each file on its own.
5. Put the files from the ZIP in the root folder of your site and paste the HTML into <head>.

Supported formats and limits

• Images can be JPEG, PNG or WebP (not SVG or HEIC).
• Emoji are drawn with the emoji font of the device and browser you use, so the same emoji looks different on Windows and Apple devices.
• Text uses the system font of your device, so letter shapes can differ slightly between devices. Font choice is not available.
• The output is favicon.ico (16, 32, 48 px), PNG files (16, 32, 48, 180, 192, 512 px) and site.webmanifest. SVG favicons and maskable icons are not created.
• At 16 px, fine details and thin lines may become hard to see.

How it works

Each size is drawn on its own canvas and saved as PNG. Text and emoji are drawn directly at every size so small icons stay sharp. Images are first fitted into a 512 px square and then reduced in halving steps.

favicon.ico stores the 16, 32 and 48 px PNG images inside the ICO container, which Windows Vista and later and all current major browsers support.

site.webmanifest lists the 192 and 512 px icons and uses the background color (white when transparent) as theme_color and background_color.