Favicon Generator
Upload a single image and get a complete, ready-to-ship favicon package — apple-touch-icon, favicon.ico, favicon.svg, PWA manifest icons and site.webmanifest — bundled into one ZIP.
Drag & Drop an Image
Use a square image, at least 512 × 512px, for the sharpest results
Generation happens entirely in your browser.
Configure Your Favicon Package
If your image isn't square, we'll center-crop it automatically.
Generating your favicon package...
Rendering every size and format.
Your Favicon Package is Ready
How It Works
1. Upload One Image
A square logo or icon at least 512×512px works best.
2. Set Name & Colors
Fill in your app name and pick theme/background colors for the manifest.
3. Download the ZIP
Drop every generated file straight into your site's root folder.
What's Included
🍎 apple-touch-icon.png
180×180 icon used when a page is added to an iOS home screen.
🌐 favicon.ico & favicon-96×96.png
Classic multi-size .ico plus a crisp 96×96 PNG fallback.
🖼️ favicon.svg
A scalable SVG favicon for browsers that support vector icons.
📱 site.webmanifest & PWA icons
192×192 and 512×512 icons plus a ready-to-use web app manifest.
Frequently Asked Questions
Unzip the package into the root of your website (the same folder as your index.html), then add the corresponding <link> tags to your page's <head> — most static site generators and frameworks will pick them up automatically if placed in the public/root folder.
Since the source you upload is a raster photo or PNG/JPG logo, the SVG we generate embeds that raster image inside a valid SVG wrapper so browsers that prefer SVG favicons still work correctly. For a true vector favicon, start from an actual vector logo.
A square image of at least 512×512px gives the sharpest results across every generated size, since the largest icon we produce is 512×512. Smaller source images will be upscaled and may look soft.