Favicon Generator
Upload a logo and get every file a website needs for its browser tab icon, plus the HTML to add them.
A favicon generator that gives you every file you need
A favicon is the tiny icon in a browser tab, in bookmarks and on a phone's home screen when someone saves your site. This favicon generator takes one logo and produces the full set: a multi-size favicon.ico, crisp PNGs for modern browsers, and the Apple touch icon iOS uses for home-screen shortcuts.
Everything is created in your browser and handed back as a single ZIP, so you can drop the files into your site in a minute. It works for a hand-coded HTML site, a WordPress blog or an online store alike.
How to create a favicon
You'll need access to your website's files or its theme settings.
- 1
Upload your logo
Drop a square PNG or SVG-exported PNG of at least 512 × 512 pixels for the sharpest result. JPG, WEBP and other formats work too.
- 2
Generate the pack
Press Generate Favicon Pack. The icon is resized to every size and the files are zipped in your browser.
- 3
Unzip into your site
Put favicon.ico, the two PNGs and apple-touch-icon.png in the root folder of your website.
- 4
Add the link tags
Paste the link tags shown below into the head of your pages, publish, and reload with a hard refresh to see the new icon.
What's in the ZIP
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16, 32 and 48 px in one file | All browsers, Windows shortcuts, tools that request /favicon.ico |
| favicon-32x32.png | 32 × 32 px | Browser tabs on high-resolution screens |
| favicon-16x16.png | 16 × 16 px | Browser tabs and bookmarks on standard screens |
| apple-touch-icon.png | 180 × 180 px | iPhone and iPad home-screen shortcuts |
Add the favicon to your website
Upload the four files to the root of your site (the same folder as your home page), then add these lines inside the head section of your HTML:
- <link rel="icon" href="/favicon.ico" sizes="48x48">
- <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
- <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
WordPress: go to Appearance → Customize → Site Identity and upload the 512-pixel version of your logo as the Site Icon, or add the files and tags through your theme. Shopify, Wix and Squarespace each have a favicon field in their site settings; upload favicon-32x32.png or your original square logo there.
Designing a favicon that reads at 16 pixels
- Simplify. A full logo with a wordmark turns into mush at 16 pixels. Use the symbol alone, or the first letter of your brand.
- Go bold. Thin strokes disappear. Thicken lines and remove small details before you upload.
- Use strong contrast. Tabs can be light or dark. A solid shape on a transparent background, or a light symbol on a solid colored square, works on both.
- Start square and large. A 512 × 512 or 1024 × 1024 PNG gives the generator plenty of detail to work with when it scales down.
- Check it in a real tab. Open your site with several tabs and see whether you can spot your icon at a glance.
Free and private
This free favicon generator has no sign-up and no limits. Your logo is processed on your own device, so it isn't uploaded or stored anywhere. Building a mobile app as well? The app icon pack generator makes Android and iOS icon sets from the same image, and ICO to PNG pulls a PNG back out of an existing favicon.
More Tools
Every tool is free, private and runs in seconds.
Image Tools
49 Compress Image JPEG · PNG · WEBP · GIF · BMP · TIFF · AVIF · HEIC Resize Image Exact px or % Blur Image Gaussian & motion
Convert to JPG
JPGConvert to PNG
PNGConvert to WEBP
WEBPConvert to AVIF
AVIFConvert to TIFF
TIFFConvert to GIF
GIFFavicon / ICO
PDF Tools
12 Compress PDF Shrink for email & web Merge PDF Combine multiple files Image to PDF Images → single PDF PDF to Image Extract as PNG/JPG PDF to PowerPoint Pages → PPTX slides JPG to PDF Photos → PDF pages Word to PDF DOCX → PDF Excel to PDF XLSX → PDF table HTML to PDF Web page file → PDF PDF to JPG Pages → JPEG PDF to Word Extract text to DOCX PDF to Excel Tables → XLSX
Frequently asked questions
A ZIP with four files: favicon.ico containing 16, 32 and 48 pixel versions, favicon-16x16.png, favicon-32x32.png, and a 180 × 180 apple-touch-icon.png for iPhones and iPads.
At least 512 × 512 pixels and square. A non-square image is fitted inside a square without cropping, which leaves empty space on two sides.
Yes. A PNG or WEBP logo with a transparent background keeps it in the ICO and PNG files, so the icon sits cleanly on light and dark browser tabs.
Browsers cache favicons for a long time. Do a hard refresh, open the site in a private window, or add a version to the link, like favicon.ico?v=2. Also check the files are in the folder your link tags point to.
It's worth keeping. Modern browsers use the PNG links, but some tools, feed readers and older browsers still request /favicon.ico directly from the site root.
Google can display a site's favicon next to its search results. It asks for a square icon whose size is a multiple of 48 pixels, linked from your home page and not blocked by robots.txt. The 48 × 48 image inside favicon.ico meets that requirement, as long as the favicon.ico link tag is on your home page.
Yes, but JPG has no transparency, so the icon keeps whatever background color the photo had. For a cleaner tab icon, export your logo as a PNG with a transparent background first.
Yes. If you just want a single favicon.ico without the extra PNGs, use the PNG to ICO converter instead.
Yes. No sign-up, no limits and no watermark. Use the icons on any personal or commercial site.
No. Resizing and zipping happen inside your browser, so your logo stays on your device.
Blog
Guides and tips from the blog
Short, practical articles to get more out of ImgTask and your image or PDF workflow.
