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.