Free · Client-side · No signup
Real favicons in seconds.
Turn any image into every icon your site needs — a real multi-size .ico, PNGs, Apple Touch & PWA icons. Everything runs in your browser; nothing is uploaded.
Drop your image here
or click to browse — PNG, JPG, SVG, WebP supported
Live Preview
Your Website
Other Tab
Your website content
Options
Favicon not updating? Clear browser cache:
Ctrl+Shift+R (Win) or Cmd+Shift+R (Mac)
Generated Sizes
Code for your website
Real ICO Files
True multi-size .ico format
100% Private
Nothing ever uploaded
All Platforms
iOS, Android, Windows
Instant
No waiting, no signup
How to use favicons — quick guide
Note: This guide is for general information. Implementation may vary by platform, CMS or host. Always test across browsers and devices.
What is a favicon?
A favicon ("favorite icon") is the small image shown in browser tabs, bookmarks, history and on mobile home screens. It aids brand recognition and makes your site easy to spot among open tabs.
Formats & sizes
| File | Size | Used for |
|---|---|---|
icon.svg | vector | Modern browsers, scales sharp, dark-mode aware |
favicon.ico | 16 / 32 / 48 | Legacy browsers, Windows shortcuts |
apple-touch-icon.png | 180×180 | iOS home screen, Safari |
android-chrome-192.png | 192×192 | Android home screen, PWA |
android-chrome-512.png | 512×512 | Android splash, PWA |
How to add it to your site
Place the files in your site root and add these lines to your HTML <head>:
<link rel="icon" href="/favicon.ico" sizes="48x48"> <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">
Tips for best results
- Keep it simple — it must be recognizable at 16×16 pixels.
- Ship an SVG — it stays crisp and can adapt to dark mode.
- Test thoroughly — hard-refresh (Ctrl+Shift+R) to see changes.
- Place in root — many browsers auto-look for
/favicon.ico.