Favicon Generator
Generate favicons in all sizes from an image or text. 100% free, runs entirely in your browser - no uploads required.
Upload Image
Drag and drop an image here, or click to browse
Supports PNG, JPG, SVG, WebP (max 10MB)
About Favicon Sizes
16x16 / 32x32
Browser tabs and bookmarks
48x48 / 64x64
Windows desktop shortcuts
96x96
Google TV icon
128x128
Chrome Web Store
180x180
Apple Touch Icon (iOS)
192x192
Android Chrome homescreen
512x512
PWA splash screens
About the Favicon Generator
A favicon is the small icon browsers show in tabs, bookmarks, and phone home screens. Modern sites need it in several sizes at once, from a 16x16 tab icon up to a 512x512 PWA splash. This Favicon Generator takes one image, or a one or two character label, and produces all nine sizes as PNG files in a single pass.
Pick the From Image tab and drop in a PNG, JPG, SVG, or WebP under 10MB, or pick From Text and type up to two characters. Text mode draws a rounded square on an HTML canvas using your background color, text color, font, and a border radius slider running from a square at 0 percent to a circle at 100. Click Generate Favicons to render every size plus an HTML snippet.
It renders each icon size in the browser and packages them for download, with no account needed. The drawing happens on a canvas element inside your own browser, so the image you upload is never sent to a server. You get a preview grid, a Download button per size, a Download All button, and a Copy HTML button for the link tags. Nothing to install, and your source stays on your machine.
How to use the Favicon Generator
- 1Choose the From Image or From Text tab at the top of the page.
- 2In From Image, drag a PNG, JPG, SVG, or WebP onto the drop zone or click to browse, keeping it under 10MB.
- 3In From Text, type one or two characters and set the background color, text color, font, and border radius slider.
- 4Click Generate Favicons to render all nine sizes from 16x16 up to 512x512.
- 5Use the per-size Download button or Download All to save the PNG files.
- 6Click Copy HTML to grab the link tags and paste them into your page head.
What you can use it for
Ship a new site
You finished a logo and need it in a tab. Upload the PNG, click Generate Favicons, use Download All, and paste the copied link tags into your head. The apple-touch-icon and Android sizes come out named to match the snippet.
Placeholder before a logo
Your brand mark is not ready but the staging site needs something. Use From Text, type your first initial, set a background color and a border radius near 20 percent, and generate a clean lettermark favicon you can swap out later.
PWA and mobile icons
A progressive web app needs 192x192 and 512x512 icons for the manifest and splash screen. Generate from your app icon, then grab just those two sizes from the preview grid with their own Download buttons, without a separate resizer.
Why one image needs so many sizes
Different surfaces ask for different pixel dimensions: 16x16 or 32x32 tabs, a 180x180 Apple Touch Icon for iOS, 192x192 for Android, and 512x512 for a PWA splash. Ship only one size and the browser resamples it, and squeezing a 512 image down to 16 pixels often turns fine detail into mush.
Rendering each size from the source avoids that. This tool redraws your image at every dimension on its own canvas with high quality smoothing, so the 16x16 starts at 16 pixels. It is also why simple, high contrast marks read best: a 16 pixel icon has only 256 pixels total, so thin lines and small text vanish however you resize.
Frequently asked questions
Does my image get uploaded anywhere?
No. The generator reads your file with the browser FileReader and draws every size on a canvas element locally. The image never leaves your device and there is no upload, so it keeps working even if you go offline after the page loads.
Why is my text limited to two characters?
Text mode is built for a compact lettermark, so the input box accepts one or two characters and rejects more. Each character is drawn large, at 60 percent of the icon size, and more letters would not stay legible once shrunk to a 16x16 tab.
Are the files ICO or PNG?
Every download is a PNG, exported with canvas toDataURL. The 180x180 file saves as apple-touch-icon.png and the rest as favicon-16x16.png and so on. The copied HTML uses PNG link tags, which current browsers accept, so a classic .ico file is not required.
What happens if my image is not square?
Each size is drawn to a square canvas, so a rectangular image is stretched to fit rather than cropped or padded. For the cleanest result, start from a square source. Smoothing is set to high quality, so a large square image stays sharp when scaled down.
Download All only saved some files. Why?
Download All triggers the nine saves in sequence, spaced 200 milliseconds apart, and some browsers block or prompt on multiple automatic downloads from one page. If a few are missing, allow multiple downloads for the site, or use the per-size Download buttons instead.