Online Tool Store Online Tool Store

Favicon Previewer

Upload an icon and preview how it looks in a browser tab, bookmark, phone home screen, and dark or light surfaces before downloading a 32px PNG.

This works right here on your device — nothing gets sent out.

New tab
Favicon in browser tabnorthstar.example⋯

Light home screen

Favicon on light home screenNorthstar Studio

Dark home screen

Favicon on dark home screenNorthstar Studio

How it works

  1. Choose a PNG, JPG, WebP, or SVG icon.
  2. Enter the site name and address shown in the mockups.
  3. Compare the icon on light and dark browser or device surfaces.
  4. Download a normalized 32px PNG when the preview looks right.

Why preview at multiple sizes?

A mark that looks clear at app-icon size can become muddy in a browser tab. The preview makes small-scale contrast, spacing, and shape issues visible before you publish the asset.

FAQ

Is my icon uploaded?

No. The preview is generated locally in your browser and the image is never sent to a server.

What does this preview show?

It shows a 32px browser-tab treatment and larger light and dark home-screen contexts so you can spot contrast and legibility issues.

Does this create a complete favicon package?

It downloads a 32px PNG preview. Use a favicon generator when you also need ICO, Apple touch, manifest, and multiple platform-size files.

How we compare

This is a quick visual QA pass for an icon. Dedicated favicon generators are better when you need every production file and HTML snippet; this tool is useful before that handoff.

Explore related tools

Embed this tool

Paste this on your own site — it stays free, and every file still stays in your visitor's browser, not yours or ours.