Favicon Generator – Free Online Tool | Awesome Toolkit

Favicon Generator

Upload an image and download optimized favicons at 16×16, 32×32, 48×48, and 180×180 px.

By Marshkalk

Drop an image here or (square image recommended)

How to use the Favicon Generator

  1. Upload a square image (ideally 512×512 px or larger, the higher the resolution, the sharper the smaller sizes).
  2. Select the sizes you need: 16, 32, and 48 px cover most browsers; 180 px is for Apple Touch icons; 192 and 512 px are for PWA manifests.
  3. Click Generate & Download to get a ZIP archive with all selected sizes as PNG files.

Recommended favicon sizes

SizeUsage
16×16Browser tab, bookmarks bar
32×32Windows taskbar shortcut, browser tab (HiDPI)
48×48Windows site shortcut
180×180apple-touch-icon for iOS home screen
192×192PWA manifest icon (standard)
512×512PWA manifest icon (splash screen)

How to add favicons to your site

Place the PNG files at the root of your site and add these <link> tags in your HTML <head>:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

For a favicon.ico file (for legacy browser support), convert one of the PNGs using a dedicated ICO converter.

Tips for best results

  • Use a simple, bold design, fine details disappear at 16×16 px
  • Ensure high contrast between the icon and both light and dark browser themes
  • Use a transparent background so the icon adapts to any browser UI color
  • Start from an SVG source if possible for lossless scaling

Privacy

All generation happens in your browser. No images are uploaded to any server.