Favicon generator
Create favicons in the standard sizes from your logo.
Your files never leave your device. All processing happens inside your browser.
A high-quality square image gives the best result.
About the Favicon generator
A favicon is the small icon shown next to a site's title in the browser tab, in Google search results, and on a phone's home screen. Abzario's favicon generator takes a square logo and produces output in six standard sizes — 16, 32, 48, 180, 192, and 512 pixels — ready for every platform. Every size is drawn using the browser's canvas with no quality loss, and you can download each one separately. Since the file is never uploaded to a server, even a brand logo that's still in development can be processed safely. This tool is especially useful for site owners, web developers, and designers who want to upload a logo once and get every size needed for HTML and PWA setups. If your original logo isn't square, you can first square it up using the image crop tool.
How to use it
- 1Select a square logo.
- 2Click the Generate Favicons button.
- 3Download the sizes you need.
Why use this tool?
- Generates six standard favicon sizes at once from a single logo.
- Covers the sizes needed for browsers, iPhones, and web apps.
- Fully processed in the browser with no file uploaded to a server.
- Download each size separately at full quality with no extra compression.
- Handy for quickly setting up new websites and personal projects.
- No graphic design software or special technical knowledge required.
Worked examples
Creating a favicon for the browser tab
Use the 32×32 pixel output from your brand logo for display in the browser tab.
iPhone home screen icon
The 180-pixel size is meant for adding the site to an iPhone's home screen.
Web app icon
The 192 and 512-pixel sizes are used in a progressive web app's manifest file.
Quickly launching a new site
By uploading the logo once, all the favicon files a project needs are ready in a few seconds.
Frequently asked questions
Is my file uploaded to a server?
Your files never leave your device; all processing happens inside the browser.
Which sizes should I put on my site?
32 is used for the browser tab, 180 for iPhone, and 192 and 512 for web apps.
Which favicon size should I use on my website?
The 32-pixel size is usually enough for the browser tab, but it's best to keep every size so you're covered for iPhones and web apps too.
Does my logo have to be square?
Yes, a square logo prevents the favicon from stretching; if it isn't square, you can first square it up with the image crop tool.
What format is the favicon output saved in?
Every size is saved as PNG, which supports transparency and keeps a high quality level.
How do I add the favicon to my website?
Place the downloaded files in your site's root folder and add their links inside the head tag using the meta tag generator tool.