How to use
- Choose Text / emoji and type one to three characters, or choose Image and upload your logo (SVG or a square PNG of at least 512 px works best).
- Pick colours and a shape — square, rounded or circle.
- Check the preview at 16, 32, 64 and 128 px; small sizes show whether the design is still readable.
- Download the ZIP, upload the files to your site's root folder and paste the HTML into the head.
Options explained
- favicon.ico
- Contains 16, 32 and 48 px versions for browsers, bookmarks and Windows shortcuts.
- apple-touch-icon.png
- 180 × 180 px with a solid background, used when someone adds your site to an iPhone or iPad home screen.
- icon-192.png / icon-512.png
- Referenced from site.webmanifest for Android home screens and installable web apps.
- icon.svg
- A scalable icon for modern browsers, included when the source is text or an SVG file.
The HTML
After uploading the files to the root of your site, add this to the head of every page:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Frequently asked questions
Which files do I really need?
favicon.ico in the site root covers every browser. Add apple-touch-icon.png for iOS and the manifest with the 192/512 icons if you want a proper icon when the site is installed or pinned on Android.
Why does my favicon look blurry at 16 px?
Fine details disappear at 16 × 16 pixels. Use a bold letter or a simplified logo mark instead of the full logo with text.
I updated the favicon but still see the old one.
Browsers cache favicons aggressively. Hard-reload the page, or add a version query such as /favicon.ico?v=2 to the link tags.
Can I use an emoji as a favicon?
Yes. Emoji are drawn with your system's emoji font, so the result matches what you see in the preview.
Privacy
This tool runs entirely in your browser. Your files and text are processed on your device and are never uploaded to our servers.