Preview browser tabs before export
Check whether the icon still feels recognizable at small favicon sizes in both light and dark tab environments.
Make favicon.ico and browser-ready favicon PNGs with live tab previews
This page is optimized for teams that need a clean favicon set for a website, SaaS app, or product launch page. Start from one logo, test readability at small sizes, and export the favicon package in one pass.
Upload one logo, generate icons for every platform
Instantly preview favicon, desktop, and mobile icon output
Browser
Desktop
Mobile
Try the generator
Use this favicon-focused page when you care most about browser tab visibility, favicon.ico generation, and how your mark survives at 16x16 and 32x32 sizes.
Live previews
The browser tab simulation helps you judge contrast and recognizability before you export favicon files.
Browser tabs preview
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS Dock preview
App
Windows taskbar preview
App
10:00
Mobile home screen preview
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Controls and export
Test tiny-icon readability by switching backgrounds, tuning padding, and checking whether the mark still works at favicon scale.
Change image
A demo image is loaded by default. Upload your own logo to preview a real export.
Image adjustments
Fine-tune the uploaded mark before export.
Standard Rounded
20%
22.5%
0%
center = 0
Move the uploaded image around its center point with X/Y offsets.
0%
0%
Aurora Mesh
Solid Colors
Gradients
Mesh & Grid
Glassmorphism
Noise & Pattern
Glow & Accent
Zip package includes:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Sharp
desktop-*.png256/1024
site.webmanifestJSON
Generate favicon.ico and PNG sizes
Export favicon.ico alongside standard 16x16 and 32x32 PNG favicon assets so modern and legacy browser scenarios are covered.
Keep website icons visually consistent
Use the same logo treatment across browser tabs, pinned shortcuts, Apple touch icons, and Android install icons instead of assembling files manually.
How to make a favicon set
1. Upload the website mark
Drop in the symbol or compact logo version that should appear in browser tabs and bookmarks.
2. Optimize for small sizes
Adjust the icon padding and background so the favicon remains legible at 16x16 and 32x32.
3. Download the favicon pack
Export the zip and use the included favicon.ico, PNG, and manifest assets in your website head tags and app metadata.
Favicon FAQ
Does the export include favicon.ico?
Yes. The zip includes a generated favicon.ico file in addition to PNG favicon sizes.
Why preview on a browser tab?
Favicons are usually viewed at very small sizes, so a browser tab preview shows whether the icon still reads clearly in real usage.
Can I use the same export for a PWA?
Yes. The package also includes Apple touch, Android Chrome, and manifest files that help cover broader web app install scenarios.