Favicon Generator
Generate a favicon from an uploaded image or typed initials, previewed and downloadable at 16, 32, and 180px.
About this tool
Upload an image to generate a favicon, or - if you don’t have one ready - type one or two initials to generate a simple colored-square icon instead, with adjustable background and text colors. Both paths render live previews at the three sizes that actually matter in practice: 16×16 and 32×32 for browser tabs and bookmarks, and 180×180 for iOS home-screen icons (the Apple touch icon size). Each preview is produced by drawing onto an HTML canvas at the target resolution and reading it back out with toDataURL(), the same technique used to generate this very site’s own favicon, so what you see in the preview is pixel-for-pixel what downloads. Each size has its own download button producing a ready-to-use .png file. Runs entirely client-side - uploaded images are never sent anywhere.
Frequently asked questions
16×16 is the classic favicon size shown in a browser tab and address bar, 32×32 is used for higher-density displays and browser bookmark bars, and 180×180 is Apple’s specified size for the "apple-touch-icon" used when someone adds a page to their iOS home screen. Covering all three means the icon looks sharp everywhere it’s actually displayed, rather than being one size stretched or shrunk awkwardly.
Switch to "Generate from text" and type one or two initials - the tool draws them centered on a solid color square with colors you can adjust, producing a clean, simple icon without needing any image file. This is the same basic approach many sites use for a placeholder or text-based brand mark before a full logo exists.
No - the image is read and resized entirely in your browser using the Canvas API, and the resulting favicon files are generated locally too. Nothing is uploaded to a server at any point, whether you’re using an uploaded image or the text-based generator.
Explore more free tools
Formatters, converters, validators, and generators - all free and running entirely in your browser.
Browse more tools