Free online favicon generator. Upload an image and generate favicon files in all required sizes (16x16, 32x32, 48x48, 64x64). Download as ICO or PNG.
A favicon is the small icon displayed in browser tabs, bookmarks, and browser history next to your website's name. A missing favicon results in browser errors and gives your site an unfinished appearance. Favicons need to be provided in multiple sizes to look sharp across different display contexts.
This generator creates all the common favicon formats from a single source image: 16×16 for browser tabs, 32×32 for taskbar and bookmarks, 48×48 for Windows site icons, and 64×64 for high-DPI displays. It also generates the sizes needed for Apple touch icons (180×180) for iOS home screen shortcuts.
For best results, use a square PNG with a transparent background and dimensions of at least 512×512 pixels. The generator scales it down to all required sizes while preserving sharpness.
Use a square PNG of at least 512×512 pixels for the best results when scaling down to smaller sizes. Smaller source images may look pixelated when scaled. For favicons with text or fine detail, 512×512 or 1024×1024 is recommended.
Place favicon.ico in your website root directory. Add these tags to your HTML <head>: <link rel="icon" href="/favicon.ico"> for the main favicon, <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> for PNG favicons, and <link rel="apple-touch-icon" href="/apple-touch-icon.png"> for iOS.
Modern browsers support PNG favicons, which are sharper than ICO format at small sizes. However, favicon.ico is still recommended in the website root for maximum compatibility with older browsers, RSS readers, and other tools that look for it automatically.
The apple-touch-icon is a 180×180 PNG used when iOS users add your website to their home screen. Without it, iOS takes a screenshot of the page as the icon, which looks poor. The favicon generator creates this size along with the standard favicon files.