Ready to Create?
Upload an image to see live favicon previews for browsers and home screens
Or drag & drop your image anywhere here
Free favicon generator: turn a PNG, SVG or logo into favicon.ico, PNG favicons and a web app manifest instantly.
Convert a PNG, JPG, SVG or logo into a complete favicon set. This favicon maker outputs favicon.ico, 16×16 and 32×32 PNG favicons, an apple-touch-icon and a web app manifest, then bundles everything into one download with the HTML tags you need.
favicon.ico – multi-size ICO with 16×16, 32×32 and 48×48 framesfavicon-16x16.png, favicon-32x32.png – browser tab and bookmark iconsfavicon-96x96.png – Google search results and desktop shortcutsapple-touch-icon.png – 180×180 opaque icon for the iOS home screenweb-app-manifest-192x192.png, web-app-manifest-512x512.png – Android and PWA install iconssite.webmanifest – web app manifest with your name, short name and theme colourfavicon-snippet.html – the link tags to paste into your <head>Not sure which sizes matter or how the manifest works? Read the favicon guidelines for the full specification, or use the app icon generator if you need iOS and Android launcher icons instead.
Yes. The favicon generator is completely free, with no signup, watermark or download limit. Everything runs in your browser, so your image is never uploaded to a server.
Upload the PNG, adjust it if needed and click Download. The zip contains favicon.ico with 16x16, 32x32 and 48x48 frames, which is the multi-size ICO format browsers and Windows expect.
A modern website needs 16x16 and 32x32 PNG favicons for browser tabs, a 96x96 PNG for search results and desktop shortcuts, a 180x180 apple-touch-icon for iOS, and 192x192 and 512x512 icons for the web app manifest. The generator produces all of them.
Yes. Upload your logo as PNG, JPG or SVG and the generator converts it to every favicon size. SVG logos are rasterised at each size so the small 16x16 favicon stays crisp.
Copy the files from the zip to the root of your site and paste the included favicon-snippet.html tags into the head of your pages. The Favicon Guidelines page explains each tag and the web app manifest fields.
More questions about sizes, SVG favicons, or adding a favicon to React, Next.js or WordPress? See the full favicon FAQ.