Favicon Generator
Upload a single image or SVG 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 or SVG
Use "Browse Photos" for JPG/PNG/WebP from your gallery, or "Browse SVG File" for vector logos saved in your Files app
Supports JPG, PNG, WebP and SVG. Generation happens entirely in your browser.
💡 On phones, SVG files usually live in your Files app, not your Photos gallery — use "Browse SVG File" for those.
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 an Image or SVG
A square logo or icon at least 512×512px works best — vector SVG logos work great too.
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 — works whether you started from a raster image or an SVG.
📱 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.
Yes — SVG files are fully supported alongside JPG, PNG and WebP. To guarantee your favicon.ico and PNG icons work everywhere (some formats don't support vector data at all), we render your SVG at high resolution and use that as the source for every generated size, including the favicon.svg file itself.
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. SVG files avoid this problem entirely since they scale to any size without quality loss.