Skip to content

Make a favicon

Pick an image or type some text — out comes the whole package: favicon.ico, every PNG size, the Apple touch icon, the web manifest and the ready-made <link> tags to paste in.

Source Drop an image here or click · PNG, JPG, SVG, WebP or paste an image with Ctrl+V
Design
Result

Pick an image or type some text.

My website

This is how it looks in a browser tab — the only test that counts.

HTML to paste in

What is in the package?

favicon.ico16, 32 and 48 pixels in one file — address bar and older browsers
favicon-16x16.png … 96x96modern browsers, bookmarks
apple-touch-icon.png180 pixels, for “Add to Home Screen” on iOS
android-chrome-192/512.pngAndroid and installable web apps
site.webmanifestso Android finds the right icons
embed.htmlthe ready-made <link> tags

Installing it, in three steps

  1. Put every file in the root directory — where index.html lives.
  2. Copy the <link> tags into your <head>.
  3. Reload with Ctrl+F5 — browsers hold on to favicons stubbornly.

Which design works?

At 16 pixels nothing survives of fine detail. That is why the preview shows the smallest size first and pixel for pixel: a single letter or one clear shape beats a shrunken logo with a wordmark almost every time.

Why is nothing uploaded?

Because there is no technical need. The scaling, the ICO container and the ZIP archive are all made in your browser. There is no server that receives your image, so there is none that could keep it.