FaviconMaker.net

Favicon preview

Preview your icon at real favicon sizes (16×16, 32×32) and see how it looks in a browser tab in light and dark UI.

Pixel-accurate sizesLight + dark UIRuns in your browser

Drop your logo here

or browse files

PNG,JPG,JPEG,SVG • Max 10MB

92%
50%75%100%

How to use this preview

  1. Upload your logo (or a generated icon like favicon-512.png).
  2. Check the 16×16 and 32×32 pixel previews — these are the most important for browser tabs.
  3. If it looks muddy, simplify the icon and regenerate a full pack.

Need a complete set of files + tags? Use the Favicon Generator.

My Website
example.com

Upload an image to preview

Light UI

My Website
example.com

Upload an image to preview

Dark UI

Pixel preview

Rendered at real sizes (then zoomed)

16×16Zoom ×10

On transparency grid

On dark UI

32×32Zoom ×10

On transparency grid

On dark UI

Common sizes

16×16 (tab)
32×32 (tab)
48×48
64×64
180×180 (iOS)
192×192 (PWA)
512×512 (PWA)

Next steps

Generate a full set of files with the Favicon Generator.

Validate your ZIP before deploy with Favicon pack validator.

If your icon won’t change after deploy, follow the cache-busting checklist.

Frequently Asked Questions

Do you upload my image?

No. Previews are rendered locally in your browser.

What should I upload?

Upload your logo, or your generated favicon PNG (like favicon-512.png). Square images work best.

Why does 16×16 look bad?

Most icons need a simplified small-size version. Try thicker shapes, higher contrast, and fewer details.

Need a full pack?

Generate a complete favicon ZIP, then validate it before you deploy.