# Favicon Generator

> Drop one logo and get favicon.ico, every PNG size, Apple touch and maskable icons, plus the manifest and head tags. In your browser, no upload, no signup.

Free favicon generator. Drop one logo and export the complete favicon pack: a multi-size favicon.ico, every PNG size from 16 to 512, an Apple touch icon, maskable Android icons, site.webmanifest, and the exact head tags, as loose files or one zip. Preview the icon in a real browser tab, a Google result, and the adaptive-icon safe zone. Runs entirely in your browser: no upload, no signup.

## Command line (recommended for agents)

npx @brandstack/cli favicon-generator <image> [settings link] [--bg hex] [--theme hex] [--pad 0..0.3] [--name text] [--out <dir>] [--zip]: offline; writes the same files, with the same names, as the browser export. Paste a settings link from the tool page as an argument and the URL's query string configures everything. --list prints the pack's files.

The CLI runs the same engine as this page — same logic, same output contract — with no browser and no account. Browser automation below is the fallback.

## How to use it

1. Agents: run `npx @brandstack/cli favicon-generator ./logo.png --out ./public`. To reuse a setup someone tuned visually, pass their settings link: `npx @brandstack/cli favicon-generator ./logo.png "https://brandstack.dev/tools/favicon-generator?bg=0e0e10&pad=0.06&name=Acme" --out ./public`.
2. In the browser: open the tool, optionally with settings in the query string (see parameters below), and attach a square-ish logo to the file input (agents: `page.locator('input[type="file"]').setInputFiles(...)`).
3. Set the background color (fills the Apple touch and maskable icons), theme color, icon padding, and the app name written into the web manifest. The in-context previews (browser tab in light and dark, a Google result row, the iOS home screen, the maskable safe-zone circle) redraw live.
4. Wait for the heading "Your favicon pack", then click "Download favicon pack (zip)" and capture the download (agents: listen for Playwright's "download" event), or download any single file from its card.
5. "Copy head snippet" puts the link tags on the clipboard. "Copy settings link" carries the whole setup in the URL (the CLI accepts that link directly); "Copy agent prompt" hands everything to Claude Code, Codex, or Cursor.

## URL parameters

The page reads these query parameters on load, so a link can carry a complete setup:

- `bg`: Background hex (no #) behind the Apple touch and maskable icons; also the manifest background_color and the default theme color
- `theme`: theme-color hex (no #) when it differs from bg
- `pad`: Extra padding per side, 0 to 0.3, applied to the opaque and maskable icons
- `name`: App name written into site.webmanifest

## Output

The complete favicon pack, 11 files: favicon.ico (the 16, 32, and 48 renders packed as PNG entries), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180x180, opaque), icon-192x192.png, icon-512x512.png, maskable variants at 192 and 512, site.webmanifest, and favicon-snippet.html with the head tags. Written individually or as favicon-pack.zip.

## Links

- Use the tool: https://www.brandstack.dev/tools/favicon-generator
- All free tools: https://www.brandstack.dev/tools (markdown: https://www.brandstack.dev/tools.md)
- Agent index: https://www.brandstack.dev/llms.txt

Favicon Generator is a free tool by Brand Stack, the AI photo studio for
product marketing. No ads, no signup. Start free: https://www.brandstack.dev/sign-up