Favicon generator
Turn a logo into a complete favicon set: favicon.ico with 16, 32 and 48 px, a 180 px Apple touch icon and 192/512 px PNGs for the web manifest. Nothing is uploaded.
Your files never leave your browser
How to use
- Drop a square logo — PNG, SVG, JPG or WebP. 512 px or larger looks best.
- Wait a second while every size is rendered in your browser.
- Download the ZIP and copy the files to the root of your site.
FAQ
Is my logo uploaded to a server?
No. Every icon is rendered with the Canvas API in your browser and packed into the ZIP locally.
Which files are in the ZIP?
favicon.ico (16, 32 and 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png and a site.webmanifest that references the PNGs.
What if my logo is not square?
It is centred inside a square with transparent padding, so nothing is cropped. For a tighter fit, crop it to a square first.
How do I add the icons to my site?
Copy the files to your site root and add <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> and <link rel="manifest" href="/site.webmanifest"> to the <head>.
Can I use an SVG as the source?
Yes, and it is the best choice: the vector is rasterized separately at every size, so even 16 px stays crisp.