Favicon Generator

Modern browsers and platforms expect multiple favicon sizes. The classic 16×16 and 32×32 PNG favicons appear in browser tabs and bookmarks. A 48×48 icon is used by Windows for desktop shortcuts. Apple devices require a 180×180 Apple Touch Icon for home screen bookmarks on iPhone and iPad. Android Chrome uses 192×192 and 512×512 icons for the app launcher and PWA splash screen. Finally, a multi-resolution ICO file (containing 16, 32, and 48) provides a fallback for older browsers. This favicon generator creates all of them from a single source image. Before uploading, you can crop your image to a perfect square with the Image Cropper.

When someone adds your website to their home screen on an iPhone or iPad, Safari uses the Apple Touch Icon (180×180) as the app-style icon. Android Chrome looks for icons specified in the web app manifest (site.webmanifest) — typically 192×192 and 512×512. The 512×512 size also serves as the splash screen image for Progressive Web Apps. This tool also generates maskable icon variants — padded versions that let Android crop the icon to any shape (circle, squircle, rounded square) without cutting off your design. The included site.webmanifest file references both standard and maskable icons with the correct purpose field, so your PWA is ready for every platform. For optimizing icons for different social media platforms, the Social Media Resizer handles platform-specific dimensions.

The ICO (Windows Icon) format is unique because it bundles multiple image sizes inside a single file. Browsers automatically select the best resolution for the current context — 16×16 for the tab, 32×32 for the bookmark bar, 48×48 for desktop shortcuts. While modern browsers also support PNG favicons via the <link rel="icon"> tag, an ICO file at /favicon.ico remains the universal fallback. This favicon creator generates both: individual PNG files with proper naming and the combined ICO for maximum compatibility. If your source is a vector logo in SVG, consider the Format Converter to rasterize it first at high resolution.

Start with a square image of at least 512×512 pixels for the sharpest results at every size. No image? Use the Text mode to create a clean letter-based favicon — pick your font, colors, and shape — or the Emoji mode to turn any emoji into a polished icon. Simple designs with bold shapes and limited colors work best — fine text and thin lines disappear at 16×16 pixels. Use a transparent PNG background if you want the icon to blend with different browser themes; use a solid background if you want a consistent branded look on iOS home screens (Apple clips the icon to a rounded rectangle). After generating, check how the smallest sizes look on a checkerboard background — the previews in this tool help you spot readability issues. To verify your image has sufficient detail, try the Quality Analyzer or check metadata with the EXIF Checker. Explore all 92 image tools. Read our favicon generator guide for tips, examples, and best practices. For previewing how your favicon and OG image appear across platforms, use the OG Image Previewer.