Favicon Generator – ICO, PNG and Manifest

Choose your logo; every icon a browser tab, a phone home screen and Android need, plus site.webmanifest, is prepared in one ZIP. Your image never leaves your device.

PNG becomes ICO
Up to ⁦10 MB⁩
No sign-up
Runs on your device

36 Favicon Generator

01 Pick
02 Process
03 Download

Processed on your device · no upload

PNG

Selected file

Size: Ready

Live status

Reading the file

Result

Ready.

0files in the ZIP

0 BYour data sent to our server: 0 bytes · processed on your deviceWhy 0: this page's security rule blocks sending data at browser level; everything happens in this tab. CSP · connect-src 'none' · form-action 'none'

Couldn't convert the file.

Background

Transparent Colour

Shape

Square Rounded Circle

Padding App name (manifest)

Very fine details may vanish at 16 pixels; a simple mark reads better at small sizes.

The work is done in this tab, on your device.
ICO, PNGs, manifest and HTML lines come in one ZIP.
No file is sent to our server; closing the tab clears everything.

Choose a logo first

Stages

Reading the file
Drawing the icons
Preparing the file

What's next?

Resize an imageJPGKB

Your file stays on your device
No upload to our server
Free, no sign-up

Which favicon files does a website need?

A favicon is the small icon shown next to a site's name in the browser tab, in bookmarks and in search results. One file is not enough: old and new browsers look for favicon.ico, iPhones and iPads look for a 180-pixel apple-touch-icon when a site is added to the home screen, and Android and installable web apps want 192 and 512-pixel icons plus a site.webmanifest file.

Small sizes are the hardest: a logo scaled down to 16 pixels can blur or lose fine details. On the iPhone home screen, transparent areas appear black, so the apple-touch-icon needs a solid background.

This tool draws your logo (PNG, SVG, JPG or WEBP) once at 1024 pixels and steps it down by halves to each size, so small icons stay sharp. You can choose a background colour, padding and a square, rounded or circle shape and see the result in a browser tab and phone home screen preview. favicon.ico, the PNGs, site.webmanifest and the HTML lines for your page come in one ZIP. The image is processed in your browser.

Make a favicon set in 3 steps

Choose your logo: Pick a square or nearly square PNG, SVG, JPG or WEBP file (up to 10 MB). SVG or a PNG of at least 512 pixels gives the best result.
Adjust the look: Keep the background transparent or pick a colour; set the padding and the square, rounded or circle shape. The tab, home screen and large icon previews update instantly.
Download the ZIP: “Make favicon set” gives you every file in one ZIP. Put the files in your site's root folder and paste the HTML lines into the <head> of your page.

Who it helps

Websites and blogs: Preparing the icon shown in tabs and bookmarks for a new site.
Online shops: Bringing the shop logo to the right sizes for the browser tab, search results and the phone home screen.
Web apps: Producing the 192 and 512-pixel icons and the manifest for an installable web app (PWA).
Agencies and designers: Delivering a complete favicon set from a client's logo in minutes.
Developers: Getting the files and the <head> lines ready to drop into a project.
Personal pages: Adding an icon made of your initials to a portfolio or CV site.

Sizes, quality and limits

Files produced: favicon.ico (16, 32 and 48 pixels), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 pixels), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest and the HTML lines. If you gave an SVG, favicon.svg is added too.
Sharpness: The image is first drawn at 1024 pixels and then halved step by step; this gives sharper small icons than one big jump. Very thin lines can still disappear at 16 pixels; a simple mark reads better at that size.
Transparency: PNG and ICO keep transparency. The apple-touch-icon is always opaque so it does not look black on an iPhone: without a background colour, white is used.
Source image: Non-square images are centred without cropping. With images smaller than 256 pixels the large icons may look blurry; the tool tells you so.
ICO format: The images inside the ICO are stored as PNG, a format every current browser and Windows since Vista read.
Privacy and limits: The image can be up to 10 MB. Your logo is not uploaded or stored; every file is made in your browser.

Privacy and automatic deletion

This tool does not send your file to our server: all processing happens in your browser, on your device. The page is served with a security policy (Content-Security-Policy) that technically prevents the file's contents from being sent anywhere; no analytics or advertising scripts run on this page.

The result file is also created on your device and only you download it. It is cleared from the browser's memory when you close the tab or choose “New file”. Our server keeps no file name or content record of this processing.

Read our Privacy Policy for details

Frequently Asked Questions

What sizes should a favicon be?

16 and 32 pixels for tabs and bookmarks (plus 48 inside favicon.ico), a 180-pixel apple-touch-icon for the iPhone home screen, and 192 and 512 pixels for Android and installable web apps. The tool makes them all at once.

How do I add the favicon to my site?

Upload the files from the ZIP to your site's root folder (right under the domain) and paste the HTML lines from the tool into the <head> of your page. In systems like WordPress, uploading the 512-pixel PNG as the “Site Icon” is enough.

Can I make a favicon from an SVG logo?

Yes, and SVG gives the best result: every size is drawn from the vector. The tool also adds favicon.svg, which browsers that support it show sharply on every screen.

Why does my icon have a black background on iPhone?

iOS does not support transparency in home screen icons and shows transparent areas as black. That is why the tool always makes the apple-touch-icon opaque, using white when you choose no background. Pick a colour that fits your brand if you like.

I changed it, but the browser still shows the old icon. Why?

Browsers cache favicons for a long time. Force a reload (Ctrl+F5, Cmd+Shift+R on a Mac), open the page in a private window or add something like ?v=2 to the file name in the HTML line.

Is my logo uploaded to a server?

No. The image is drawn in your browser and every file is made there; the page comes with a security policy that technically blocks connections to the outside. You can safely use it for a brand that is not public yet.