Create every icon your website needs from one logo: favicon.ico, browser icons, the Apple touch icon and Android icons, plus a web manifest and the HTML to paste.
- Free to use
- No sign-up needed
- Works on phone and desktop
Private by design: your images are processed in your own browser and are never uploaded to our server.
Square images work best. Non-square images are centred. Apple icons always get a solid background, because iPhones show transparent areas as black.
How to create a favicon
- Choose your logo (PNG or SVG at 512 × 512 px or larger works best).
- Choose a transparent or solid background, padding and rounded corners.
- Check the previews at each size.
- Download the ZIP, upload the files to your site’s root folder and paste the code into your <head>.
Tips for a sharp favicon
- Keep it simple: at 16 × 16 pixels, a single letter or symbol reads better than a full logo.
- Use a solid background if your logo is thin or light, so it shows on dark browser tabs.
- On WordPress? You can upload the 512 px icon under Appearance > Customise > Site Identity > Site Icon instead.
Frequently asked questions
What files are included?
favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, a 180 px Apple touch icon, 192 and 512 px Android icons, site.webmanifest and installation instructions.
Why does the Apple icon have a background?
iPhones show transparent areas as black, so the Apple icon always gets a solid background.
How long until my new favicon shows?
Browsers cache favicons, so it can take a while. Try a hard refresh or a private window to check.