Favicon Generator

How to use

1. 1Drop your logo or image onto the upload area, or click to choose a PNG, JPG, WEBP, SVG, GIF, or BMP up to 25 MB. Square sources work best.
2. 2Pick how the source fits the icon square: Contain letterboxes, Cover crops to fill, or Stretch fills exactly without preserving aspect ratio.
3. 3Choose a background: Transparent keeps the source alpha channel, or pick a solid color for opaque touch icons.
4. 4Optionally set a theme color (used by the generated meta tag and manifest), then click Generate favicons.
5. 5Download favicon.ico, save the individual PNGs you need, then copy the HTML head snippet and the site.webmanifest JSON into your project.

About this tool

Favicon Generator turns any logo or image into the full set of favicon files modern websites and PWAs need, without uploading the source anywhere. Drop a PNG, JPG, WEBP, SVG, GIF, or BMP onto the page and the tool decodes it locally with createImageBitmap or, for vector sources, parses the SVG markup and rasterizes it cleanly at every output size. Pick how the source should sit inside each square: contain to letterbox the whole image and add a background where it does not fill the canvas, cover to fill the square and crop to the center, or stretch to fill exactly even when aspect ratios differ. Choose a transparent background to preserve the source alpha channel, or pick white, black, or a custom hex color for opaque touch icons and brand backgrounds. The generator then renders ten standard sizes onto separate canvases at high quality, encodes each as a PNG with HTMLCanvasElement.toBlob, and assembles a real favicon.ico file by writing an ICONDIR header, three ICONDIRENTRY records, and the raw PNG bytes for the 16, 32, and 48 pixel icons (modern browsers and Windows Vista or later accept PNG-encoded ICO entries, so the file stays small and crisp at every zoom level). Output covers every common platform: 16 and 32 for browser tabs, 48 for Windows shortcuts, 64 and 96 for legacy Android Chrome and desktop, 128 for Chrome Web Store and bookmarks, 180 as the apple-touch-icon for iOS home screens, 192 and 512 as the Android Chrome icons referenced in the web app manifest, and 256 for Microsoft tiles. Each PNG appears in a preview grid with a one-click download button, and the .ico downloads with a single click. The generator also renders a copy-ready HTML head snippet with the right link rel and meta theme-color tags plus a copy-ready site.webmanifest JSON containing the 192 and 512 icon entries, the theme color, and the background color, so dropping the assets onto a site is a copy-paste job. Useful for product engineers shipping a new project, marketers updating a brand refresh, indie hackers launching a side project, designers handing off icons to a developer, and anyone who wants a clean favicon set without round-tripping through a third-party uploader. The whole pipeline runs locally on your device, so the logo you generate icons from never leaves your browser.

Free to use. Works in your browser. No signup, no login.