Drop your logo or icon here

Best results with a square image — JPG, PNG, WebP, SVG supported

JPG PNG WebP SVG
Browser Tab Preview
Your Website Title
Size Previews
Fit Mode
Background
Files in your package
Paste into your <head>

Frequently Asked Questions

The ZIP includes: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png (browser tabs and taskbars), apple-touch-icon.png (180×180, for iOS home screen shortcuts), android-chrome-192x192.png and android-chrome-512x512.png (for Android and PWAs), plus a site.webmanifest file and ready-to-paste HTML link tags.

Place all files in the root directory of your website (the same folder as your homepage). Then paste the provided HTML snippet inside the <head> section of every page. Browsers will automatically find favicon.ico in the root, but the <link> tags ensure correct icons on all devices.

A square image of at least 512×512 pixels gives the best results. Simple, bold designs with good contrast work best at small sizes — detailed logos often become unreadable at 16×16. If your logo is wide/horizontal, use the “Contain” fit mode with a matching background colour so it scales down cleanly. PNG files with transparency are ideal.

The site.webmanifest is a JSON file that tells Android browsers and Progressive Web Apps (PWAs) about your site icons. It references the 192×192 and 512×512 Android Chrome icons. When users add your site to their Android home screen, this file ensures the correct high-resolution icon is used. Place it in your root directory alongside the PNG files.

Modern browsers all support PNG favicons via the <link> tag, so .ico files are no longer strictly necessary. However, older browsers (particularly Internet Explorer) rely on a favicon.ico in the root. If you need maximum compatibility, you can rename the favicon-32x32.png to favicon.ico — modern browsers will accept a PNG with the .ico extension for this fallback purpose.