Favicon Preview & Generator: See Your Logo at Every Size

free tool

See your logo everywhere before you launch.

Upload it once and see it as a favicon, a social avatar, an app icon, and in search results. On light and dark.

Upload your logo

← All tools

Preview background
Logo color
Logo size
100%
Your Company×Another tab
yourcompany.com
Browser tab
Search result

Your Company

@yourcompany

Social profile

Your Company

How your mark reads mid-scroll.

Sofiane

Sofiane

Another brand shipped this week.

In a feed
Your Company
Your Company
Home screen icon
16px
32px
48px
64px
Actual favicon sizes

Download your icons

Made in your browser from your file, ready to ship.

Want a logo that holds up everywhere? See how I can help

Everything runs in your browser. Your logo never leaves your device, nothing is uploaded or saved.

What makes a logo work as a favicon

A favicon is 16 pixels. Most logos were never drawn for that.

  • Keep one clear shape. A detailed emblem turns to noise that small.
  • Drop the wordmark. Letters blur together. Use the mark or a single initial.
  • Go bold. Thin lines and fine gaps vanish when the icon shrinks.
  • Watch the background. A dark mark disappears on a dark tab, so keep a light version too.

Load your logo above and check it against each of these before you ship.

FAQ

About this tool.

General questions? See the full FAQ.

Does this upload my logo anywhere?

No. The file is read and drawn in your browser. Nothing is sent to a server, nothing is stored. Close the tab and it is gone.

What file should I use?

A transparent PNG or an SVG works best, so the logo sits on each background instead of a white box. Keep it roughly square and give it a little padding. JPG and WebP work too.

My logo disappears on dark backgrounds. What now?

That is the toggle doing its job. A single dark logo vanishes on a dark tab or avatar, so you usually want a second version in white or a lighter color for dark surfaces. Flip between light and dark here to see where it breaks.

What sizes should I export?

Use the Download buttons above once a logo is loaded. They generate a favicon.ico plus 16, 32, 48, 180 (Apple touch), and 512px PNGs from your file, right in your browser. For social avatars a square around 400px is plenty, and app stores want a 1024px square.