Favicon Generator — ICO, PNG & Web Manifest
Create a complete favicon package from a single PNG, JPG or SVG image. You get favicon.ico, PNG favicons, the Apple touch icon, Android Chrome icons, a ready-to-use site.webmanifest and the HTML code to paste in your site. Everything is generated in your browser, your image is never uploaded.
Click or drag an image here
PNG, JPG, WebP or SVG. A square image of at least 512×512 works best.
Your files never leave your device, everything runs in your browser.
Frequently Asked Questions
Which favicon files does a website need?
favicon.ico for legacy browsers and tools that request it automatically, 16×16 and 32×32 PNGs for browser tabs, a 180×180 Apple touch icon for the iOS home screen, and 192×192 and 512×512 icons referenced by the web manifest for Android and installable web apps.
Where do I put the generated files?
Extract the ZIP into the root folder of your website so the files are served from paths like /favicon.ico, then paste the generated HTML code inside the head section of your pages.
Can I use an SVG as the source image?
Yes, an SVG gives the sharpest results at every size. When you upload an SVG, a favicon.svg is also included for browsers that support vector favicons.
Why does the Apple touch icon have a background?
iOS does not support transparency on home screen icons and fills transparent areas with black, so the Apple touch icon gets a solid background color. You can choose the color or disable it.