# 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 (PNG or SVG) and export the complete favicon pack: a multi-size favicon.ico, every PNG size from 16 to 512, Apple touch and maskable icons, site.webmanifest, and the exact head tags, as loose files or one zip. Design the background as a solid or a gradient, size the centered mark, and preview the result 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|hex-hex] [--grad linear|radial] [--angle 0..360] [--scale 0.4..1] [--theme hex] [--name text] [--out <dir>] [--zip]: offline; accepts PNG, JPG, WebP, or SVG sources and 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.svg --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=4f46e5-ec4899&angle=135&scale=0.85&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 (PNG, JPG, WebP, or SVG) to the file input (agents: `page.locator('input[type="file"]').setInputFiles(...)`).
3. Set the background that fills the Apple touch and maskable icons: solid, linear, or radial, with both colors and the linear angle under your control. Set the theme color, the logo size (always centered), 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 behind the Apple touch and maskable icons: RRGGBB for a solid, RRGGBB-RRGGBB for a gradient (no #). The first color is also the manifest background_color and the default theme color
- `grad`: Gradient kind when bg carries two colors: linear (default) or radial
- `angle`: Linear gradient direction in degrees, 0 to 360 (0 points up, clockwise; default 135)
- `scale`: Logo size as a fraction of the icon edge, 0.4 to 1 (always centered; maskable icons apply a further 0.8 safe-zone factor)
- `theme`: theme-color hex (no #) when it differs from bg
- `name`: App name written into site.webmanifest
- `pad`: Legacy padding per side from the first release, mapped onto scale; use scale instead

## 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