Favicon generator
Turn one image into a complete set of favicon sizes for your website. Drop in a square image, preview the icons, and download a zip with all the PNG sizes plus an apple-touch-icon — generated in your browser.
How to use Favicon Generator
- 1
Add your image
Drag a square image into the drop area, or click to browse for one.
- 2
Preview the icons
See how your image looks at small favicon sizes.
- 3
Generate the pack
The full set of PNG sizes plus an apple-touch-icon is created in your browser.
- 4
Download the zip
Download the zip and add the icons to your site.
Every favicon size from one image
A favicon is the small icon that represents your website — the little image in the browser tab, in bookmarks, and on a phone's home screen when someone saves your site. The complication is that modern sites need this icon at several different sizes, because browsers, operating systems and devices each ask for different dimensions: a tiny one for the tab, larger ones for bookmarks and app icons, a specific size for Apple devices, and more for web app manifests. Producing all of these by hand means resizing the same image over and over, which is tedious and easy to get inconsistent. This generator does it from a single source image. You provide one picture and it creates the full set of sizes for you in one step, each one a clean resize of your original. Instead of opening an image editor and exporting size after size, you get the complete range a website needs at once, ready to drop into your site, which removes one of the more annoying chores in setting up a site's branding.
Includes the sizes browsers and devices expect
Rather than leaving you to guess which dimensions you need, this generator produces the sizes that real-world browsers and devices actually use. That includes the small icons for browser tabs, the medium sizes used for bookmarks and shortcuts, the larger sizes referenced by web app manifests for when a site is installed or saved to a home screen, and a dedicated apple-touch-icon at the size Apple devices look for. Covering this range means your site's icon shows up crisply everywhere it might appear, rather than being scaled awkwardly from a single ill-fitting size. The icons are delivered as PNGs, which every browser supports, and named clearly so you can tell which is which. By generating the standard set in one go, the tool takes care of the compatibility details so you do not have to research what sizes are required or worry that you have missed one. You end up with a kit that covers the common cases, ready to reference from your site's markup and manifest.
Preview before you download
A favicon has to read clearly even when it is tiny, and an image that looks great at full size can become an unrecognizable blob when shrunk to a tab icon. That is why this tool shows you a preview of how your image looks at small favicon sizes before you download anything. Seeing the icon at the dimensions it will actually appear lets you judge whether it works — whether the detail holds up, whether it is still recognizable, whether you need a simpler or more square source image. This quick check can save you from publishing a favicon that looks fine in your editor but turns to mush in the browser tab. The general rule it helps you apply is that favicons work best when they are simple, bold and roughly square, and the preview makes any problems with your chosen image obvious immediately. Being able to see the result at true size before committing means the icon set you download is one you have actually confirmed looks good where it counts.
Private by design — generated in your browser
The image you turn into a favicon is usually your logo or brand mark, often for a project that is not yet public, and there is no reason to upload it to a server just to resize it. In1 generates the entire favicon set in your browser, resizing your image and packaging the icons on your own device. Nothing is uploaded, nothing is stored, and there is no account or sign-up. The icons are bundled into a zip file locally and downloaded directly, with no file ever travelling to a server. This local-only approach is the right default for branding work, where an unreleased logo should stay on your machine, but it benefits everyone by keeping the tool fast and your image private. Because it all happens locally, generation is instant and works offline too. You can create favicon sets from as many images as you like, free and without watermarks, knowing that your logo or mark — and the icons made from it — never leave your own computer.
Who uses a favicon generator?
Anyone building or maintaining a website needs favicons, so the audience is broad. Web developers generate the icon set whenever they set up a new site or project, dropping the files in and referencing them from the markup and manifest. Designers create favicons from a logo as part of delivering a brand's web presence. Indie makers and solo founders building their own sites need favicons but do not want to wrestle with exporting a dozen sizes by hand. Small business owners setting up a site want their logo to appear properly in browser tabs and on phone home screens. Bloggers and hobbyists adding a personal touch to their site generate an icon from an image. Anyone who has noticed the blank or default icon next to their site in a browser tab and wanted to replace it with their own has a use for a generator. Because the tool produces the full standard set from one image, previews the result and packages everything in a zip, it turns a fiddly setup task into a single, private, in-browser step.
Higher limits, batch processing and an API are on the way. Want early access?