Favicon Generator
Generate perfect favicons for all browsers and platforms (SVG, PNG, ICO).
Drop your favicon image here
Supports SVG, PNG, JPG, BMP
Preview
High-res Master
Generated Successfully
Your package includes standard ICO, Android, iOS, and Web Manifest files.
Includes favicon.ico, 32x32, 16x16, apple-touch-icon, android-chrome, site.webmanifest
Installation
1 Download and unzip the package, then place these files in your website's root directory:
2
Paste this code into the <head> of your HTML:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
Favicon Generator — Every Icon Your Site Needs
Drop in any image (SVG, PNG, JPG or BMP) and this free favicon generator builds the complete package in your browser: favicon.ico, 16×16 and 32×32 PNGs, Apple touch icon, Android Chrome icons and a site.webmanifest — zipped for download.
A live preview shows your icon in a mock browser tab before you download, and the installation section gives you the exact head code to paste. Your image never leaves your device — everything runs client-side.
Drag, drop, done
Drop any SVG, PNG, JPG or BMP. The tool renders every required size and packages them into one ZIP with a single click.
Browser-tab preview
See your favicon in a realistic browser tab mockup before downloading, plus copy-paste installation HTML for your site's head section.
The full modern set
One download covers favicon.ico, PNG sizes, apple-touch-icon, android-chrome 192/512 and site.webmanifest — everything browsers and phones ask for.
How to use
- Drop your image into the upload zone.
- Preview it in the browser-tab mockup.
- Click Download Favicon Package.
- Unzip, upload the files to your site root, and paste the head code.
Frequently Asked Questions
What image formats can I upload?
SVG, PNG, JPG and BMP. For sharpest results start with a high-resolution square image.
What is included in the download?
favicon.ico, 16×16 and 32×32 PNGs, apple-touch-icon.png, android-chrome 192×192 and 512×512, and site.webmanifest — as one ZIP.
Is my image uploaded to a server?
No — all rendering and zipping happens in your browser with local JavaScript libraries. Your image never leaves your device.
How do I install the favicons?
Unzip the package into your website's root directory, then paste the provided link tags into your HTML head. The tool shows the exact code.
Do I still need favicon.ico?
Yes — browsers still request /favicon.ico by default, and it covers older clients that ignore PNG icons.
Related Image Tools
Check Out Other Popular Tools
Resize Pixel
Resize image pixel dimensions online for free. Scale by exact width and height in pixels, maintain aspect ratio, or choose presets for social media.
OpenClaw Cost Calculator
Estimate your monthly OpenClaw AI agent costs. Compare Claude, GPT-5, and DeepSeek pricing side-by-side. Find the cheapest LLM for your workflow.
Base64 to Image
Convert any Base64 string back to an image instantly. 100% private browser-based decoding.
Was this tool helpful?
Comments
Loading comments...