Free Favicon Generator:
Upload, AI, or Manual
Stop resizing images in Photoshop. Get all 9 favicon files your website needs — ICO, PNG, Apple Touch Icon, Android Chrome, manifest & browserconfig — in one ZIP, under 1 second.
Every website needs favicons. Not just the little icon in the browser tab — you need 9 different files to cover every browser, device, and platform. Chrome, Safari, iOS, Android, Windows tiles, PWA splash screens... each one expects a different size and format.
Most developers either skip half the sizes (broken icons on iOS home screen) or spend 20 minutes manually resizing in Photoshop. We built a better way.
Favicon Sizes You Need in 2026
Every file included in your ZIP download, scaled proportionally
Three Ways to Create Your Favicon
Not everyone has a logo ready. That's why we built three creation modes.
Upload Image
AI Generate
Create Manually
All modes produce the same output: 6 PNG files (16x16 to 512x512), 1 multi-size ICO (16+32+48), site.webmanifest, browserconfig.xml, and the HTML snippet. Bundled in a single ZIP.
Try It Now
Generate your favicons right here — no signup needed
Why You Need All 9 Files
No single favicon format works everywhere. Here's what each browser and platform actually reads:
Browser & Platform Support
Why you need all 9 files — no single format covers everything
| File | Chrome | Firefox | Safari | Edge | iOS | Android |
|---|---|---|---|---|---|---|
| favicon.ico | ||||||
| PNG 32x32 | , | |||||
| apple-touch-icon | , | , | , | , | ||
| android-chrome | , | , | , | |||
| site.webmanifest | , | , | ||||
| browserconfig.xml | , | , | , | , | , |
If you only provide favicon.ico, your site will look broken on iOS home screens, Android PWA installs, and Windows tiles. Our generator creates the complete set so you never miss a platform.
How to Add Favicons to Your Project
Download & extract the ZIP
Click “Download All (ZIP)” and extract the 9 files into your project's /public folder (or root directory for non-framework projects).
Add the HTML to your <head>
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="msapplication-config" content="/browserconfig.xml">
Or just ask your AI assistant
Drop the ZIP files into /public, then tell your AI coding assistant:
“Add the favicons from /public to my site”
Works with Claude, Cursor, Copilot, and any AI coding assistant. It will add the HTML tags for you.
Framework-Specific Setup
// app/layout.tsx
export const metadata = {
icons: {
icon: [
{ url: '/favicon.ico' },
{ url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
{ url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
],
apple: [{ url: '/apple-touch-icon.png', sizes: '180x180' }],
},
manifest: '/site.webmanifest',
}<!-- index.html -->
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
</head>Why Use VectoSolve's Favicon Generator?
Privacy-first
Upload and manual modes run 100% in your browser. Your images never leave your device.
Under 1 second
Canvas API generates all 9 files instantly. No server round-trip needed.
Every platform covered
Chrome, Firefox, Safari, Edge, iOS, Android, Windows tiles, and PWA — all in one ZIP.
AI generation
Describe what you want and get a unique favicon design. No design skills needed.
Complete package
ICO + 6 PNGs + site.webmanifest + browserconfig.xml + HTML snippet. Nothing missing.
No signup needed
No account, no email, no watermarks. Just generate and download.
Ready to Generate Your Favicons?
Scroll up to the interactive tool, or visit the dedicated favicon generator page for the full experience.