Free Favicon Generator
This favicon generator turns any photo or logo into every icon size your website needs — .ico, PNG, and Apple/Android icons — in seconds. Everything runs in your browser. Your image stays on your device.
Drag & drop an image here
Supports JPG, JPEG, PNG, WebP · Max file size 8MB
Recommended: square image, 512×512 or larger. A transparent PNG works best.
Adjust Image
Drag the image to reposition. Use the zoom slider to resize.
Live Preview
Browser Tab Preview
Download Your Favicons
Installation Guide
How to add a favicon in WordPress
Go to Appearance, then Customize, then Site Identity. Upload favicon-512x512.png (or android-512.png) as your Site Icon. WordPress resizes it for you automatically.
How to add a favicon manually
Upload the files to your site's root folder. Then add link tags for favicon.ico, favicon-32x32.png, apple-touch-icon.png, and site.webmanifest inside your theme's head section.
Where to upload favicon.ico
Most browsers look for /favicon.ico at your domain's root folder by default. Upload it to the same folder as your homepage, usually public_html or www.
How to test your new favicon
Open your site in a private or incognito window. Browsers cache favicons for a long time, so a normal reload may still show the old one. You can also check the icon with a free online favicon checker.
Create a Favicon in Seconds with Our Free Favicon Generator
A favicon generator turns any image into the small icon you see in a browser tab. It works with photos, logos, or plain text. You upload one picture, and it builds every icon size your site needs.
This favicon generator builds files for desktop browsers, iPhones, and Android home screens. You get one .ico file and several PNG files in one step, ready to upload to your site.
Why Use This Favicon Generator
A favicon helps people find your tab among many open tabs. It also makes your site look finished and trustworthy in a browser window or bookmark list.
- Easier to spot in a row of open tabs
- Builds trust with first-time visitors
- Shows up in bookmarks and browser history
- Appears as an app icon when saved to a phone
Generated Favicon Files
| File | Size | Used For |
|---|---|---|
| favicon.ico | 16, 32, 48px | Older browsers, Windows shortcuts |
| favicon-16x16.png | 16×16 | Browser tab |
| favicon-32x32.png | 32×32 | Browser tab, taskbar |
| apple-touch-icon.png | 180×180 | iPhone and iPad home screen |
| android-192.png | 192×192 | Android home screen |
| android-512.png | 512×512 | Android splash screen |
| site.webmanifest | — | Tells browsers about your icons |
How to Use This Favicon Generator
- Upload a square image.
- Adjust the crop and zoom.
- Pick a background.
- Click Generate Favicon.
- Download the files, or the full ZIP.
Tips for Better Results
Crop to a perfect square before you upload. This stops your icon from looking stretched.
A transparent background looks clean on any page color or dark mode.
Keep the design bold and clear. Fine detail gets lost at 16 pixels.
Start with 512×512 pixels or bigger, so every size stays sharp.
A good favicon is a small detail with a big effect on trust. This favicon generator builds every file you need, free, right in your browser.
Frequently Asked Questions
Is my image uploaded to a server?
No. Every step, cropping, resizing, and file generation, runs locally in your browser. Your image never leaves your device.
Which files do I need for my website?
At minimum, add favicon.ico and site.webmanifest to your site's root folder. Link them, along with apple-touch-icon.png, in your page's head section.
What image formats can I upload?
You can upload JPG, JPEG, PNG, or WebP files up to 8MB in size.
Can I use a transparent background?
Yes. Choose Transparent under Background before generating. The PNG icons and the .ico file will both keep transparency.
Do I need every favicon size, or just one?
One image is enough. This favicon generator builds all the sizes for you, so you do not need to resize anything by hand.
What is the difference between a favicon and an app icon?
A favicon shows in a browser tab. An app icon shows on a phone's home screen after someone saves your site. This tool builds both from one image.
Popular Free Online Tools
Discover more free online tools for editing images, creating graphics, generating title cards, and designing content—all directly in your browser with no installation required.