Generate complete favicon packages from an uploaded image or typed initials/text. Creates all sizes (16×16, 32×32, 48×48, 180×180 Apple Touch), PNG downloads for each size, a Web Manifest JSON snippet, and ready-to-paste HTML link tags.
Upload any PNG, JPG, or SVG image to convert to favicon sizes. Or switch to Text mode and type 1–2 initials with a background color choice to generate a letter-based favicon — perfect for startups and personal sites without a logo.
Live previews of 16×16, 32×32, 48×48, 64×64, and 180×180 (Apple Touch) are shown side by side. The preview shows how the favicon will look in a browser tab context.
Download individual PNGs for each size, or download all as a ZIP. Copy the HTML <link> tags and Web App Manifest JSON snippet to paste directly into your site's <head>. Complete instructions for favicon implementation are provided.
The minimum is 16×16px for browser tabs. Best practice is to provide: favicon.ico (contains 16×16 and 32×32), favicon-32x32.png (browser tab on high-DPI displays), apple-touch-icon.png at 180×180px (iOS home screen), and android-chrome icons at 192×192 and 512×512px for Progressive Web Apps.
For broad compatibility: favicon.ico for legacy browser support (can contain multiple sizes), PNG for modern browsers (smaller file size, transparency support), SVG for fully scalable icons (supported in most modern browsers via <link rel="icon" type="image/svg+xml">).
Add these tags inside your <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">, <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.
A manifest.json file defines PWA icons. It includes 192×192 and 512×512 icons that Android uses for home screen shortcuts and splash screens. Add <link rel="manifest" href="/manifest.json"> to your <head> and host the manifest.json at the root of your site.
This tool generates PNG files for each size (16, 32, 48, 64, 180px) which modern browsers handle natively. Pure .ICO generation requires server-side processing. For maximum compatibility including older Internet Explorer, use a tool like RealFaviconGenerator.net alongside the PNGs from this tool.
Upload a square image with at least 512×512px resolution. PNG with a transparent background works best as it preserves transparency in the generated favicons. Avoid text-heavy logos as the detail becomes illegible at 16×16px — opt for a simple icon or initial letter.
