Free Online Favicon Generator
Pick the set of favicon sizes you need and the icons are drawn as you choose — no generate step. Download a ZIP with a webmanifest and HTML code. Selected image contents are processed in your browser.
Selected file contents are processed in your browser
Drag and drop files here
or
How to Generate Favicons
- Upload a square image (PNG recommended, 512x512 or larger)
- Choose which set of sizes you need; the icons redraw as you choose
- Open Fine-tune to add or remove individual sizes
- Download the ZIP file
- Copy the HTML code and add it to your website
Features
- Generates 16, 32, 180, 192, and 512px PNG icon sizes
- Icons redraw as you change the size set; no separate generate step
- Includes site.webmanifest when a 192 or 512px icon is selected
- HTML code snippet listing exactly the sizes you generated
- Non-square images use transparent padding, never stretching
- PNG output only; no .ico file is generated
- Accepts PNG, JPG, and WebP input
- Selected image contents are processed locally in your browser
Frequently Asked Questions
What is a favicon?
A favicon (favorite icon) is the small image shown in browser tabs, bookmarks, and mobile home screens. It helps users identify your website visually.
What sizes does this tool generate?
It can generate five common PNG sizes: 16x16, 32x32, 180x180, 192x192, and 512x512, plus a site.webmanifest file. The size-set choice above the preview decides which of them are produced, and the fine-tune panel selects sizes individually. It does not generate an .ico file.
Is this favicon generator free?
Yes. There is no sign-up or watermark. Practical input size is limited by browser memory and Canvas dimensions.
What image should I use for my favicon?
Use a simple, square image — ideally 512x512 or larger. Logos, icons, or letters work best. Avoid complex photos as favicons are displayed very small.
How do I add the favicon to my website?
Download the ZIP, extract the files to your website's root directory, and add the HTML code shown under the icons to your page's <head> section. That snippet lists exactly the sizes you generated.
Does this work for WordPress?
Yes. For WordPress, upload the 512x512 image as your Site Icon in Appearance > Customize > Site Identity. The other files work with custom themes.
What is site.webmanifest?
It's a JSON file that tells browsers how to display your site when added to a mobile home screen. It's important for Progressive Web Apps (PWAs).
Are my images uploaded to a server?
No. Icons are drawn with the Canvas API in your browser, and the ZIP is packaged in your browser with JSZip when you ask for it. The selected image contents are not sent to ToolkitFree for processing.
Can I use any image format?
JPG, PNG, and WebP are supported. Non-square images are centered with transparent padding. For best small-icon clarity, use a simple square PNG with transparency.
Does this tool generate favicon.ico?
No. The ZIP contains the PNG icons you selected, plus site.webmanifest when a 192 or 512 px icon is among them. The provided HTML references PNG favicon files.
What is the recommended favicon size?
The minimum recommended size is 512x512 pixels. Larger is fine. Square images produce the best results across all generated sizes.
Last reviewed