Favicon Generator
Turn one image into a multi-size favicon.ico (16, 32 and 48 px) and PNG icons from 16 to 512 px, with the HTML link tags to use them.
Drop your icon image here
A square image works best (PNG, JPG, WebP or SVG)
Max 1 file, up to 50.0 MB each
About the Favicon Generator
Browsers and devices show a site’s icon at several sizes: 16 or 32 px in a browser tab, 180 px when an iPhone user adds the site to the home screen, and 192 and 512 px for web apps that use a manifest. This generator takes one image, draws it at each size you select and saves PNG files. It can also pack 16, 32 and 48 px versions into a single favicon.ico file.
The .ico file is a genuine ICO container: a small header and directory followed by three PNG images. Current browsers and Windows Vista and later can read ICO files that contain PNG images. Many browsers request /favicon.ico from the root of a site when a page doesn’t declare an icon, so having one there also avoids 404 errors in your server logs.
Start from a square image at least 512 px wide if you want the large icons to look sharp; a non-square image is cropped to a centered square. Choose a background color or keep the image’s own transparency, and use Corner Radius to round the corners (50% gives a circle). Simple shapes and bold letters read best at 16 px, where fine detail disappears, so check the small previews before you download. To trim your logo first, use the Image Crop Tool; an SVG source can be tidied with the SVG Optimizer.
Download All (ZIP) gives you favicon.ico, the PNG files and a text file with the matching <link> tags. Upload the files to your site’s root folder and paste the tags into the <head> of your pages.
How to use the Favicon Generator
- 1
Add your logo
Drop a PNG, JPG, WebP or SVG onto the drop area or click Browse Files. A square image works best.
- 2
Pick the sizes
Select the PNG sizes you need, from 16 to 512 px, and keep “Also create favicon.ico” ticked for the multi-size ICO.
- 3
Set background and corners
Choose a background color or tick Transparent, and set Corner Radius from 0% (square) to 50% (circle).
- 4
Generate
Click Generate. A preview of each PNG appears; click one to download it on its own.
- 5
Download and install
Click Download favicon.ico or Download All (ZIP), upload the files to your site root and paste the HTML shown into your
<head>.
What it can do
Real multi-size ICO
favicon.ico contains 16, 32 and 48 px PNG images in a standard ICO container.
Eight PNG sizes
16, 32, 48, 64, 128, 180, 192 and 512 px, in any combination.
Ready-made HTML
A <link rel="icon"> tag for each file, with rel="apple-touch-icon" for the 180 px icon.
Background and corners
Solid background color or transparency, and a corner radius up to a full circle.
ZIP download
All files and the HTML snippet in one archive.
Limitations
- It doesn’t create a web app manifest file or an SVG favicon; add those yourself if you need them.
- Non-square images are center-cropped, which can cut off the sides of wide logos.
- Small source images look blurry when scaled up to 192 or 512 px.
- An SVG without width and height attributes may not render as expected in every browser; exporting it as PNG first avoids that.
- With a transparent background, iOS may show the 180 px Apple Touch Icon on black, so a solid background is safer for that size.
Privacy
Your image is resized and encoded in your browser, and the ICO and ZIP files are assembled there too. Nothing is uploaded to FlexyPdf’s servers.
Frequently asked questions
Do I still need a favicon.ico file?
Modern browsers can use PNG icons declared with <link rel="icon">, but a favicon.ico in the site root is still worth having: many browsers and other tools request /favicon.ico when no icon is declared. It is small, so it costs little.
Which sizes do I actually need?
A sensible set is favicon.ico (16, 32 and 48 px), a 180 px Apple Touch Icon, and 192 and 512 px PNGs if your site has a web app manifest. The 64 and 128 px options are there for platforms that ask for them.
Where do I put the files?
In the root folder of your site, so they are reachable at /favicon.ico, /favicon-32x32.png and so on. The generated HTML assumes that location; if you use a subfolder, change the href values to match.
Why does my icon look unreadable at 16 px?
A 16×16 icon has only 256 pixels, so thin lines and small text disappear. Use a simplified mark, such as a bold letter or symbol, or crop tightly around the main shape before generating.
Can I make a round favicon?
Yes. Set Corner Radius to 50% and the icon is clipped to a circle. Tick Transparent so the corners outside the circle stay see-through.
Why isn’t my new favicon showing?
Browsers cache favicons for a long time. After uploading, open the site in a private window or clear the cache. Adding a version to the link, such as /favicon.ico?v=2, also forces a fresh download.
Ratings & Reviews
Rate Favicon Generator
Help others by sharing your experience. Your rating is shown without your name.
More Image Tools
View all →PNG to JPG Converter
Convert PNG images to JPG with a quality slider; transparent areas turn white
Image Compressor
Shrink JPG, PNG or WebP images by re-saving them as JPEG or WebP
Resize Image
Change an image’s width and height in pixels, with an aspect-ratio lock
Image to ASCII Art
Turn a picture into text art you can copy or save as .txt or PNG