EN
PT
ES
Favicon Generator
Drop a logo, get a complete favicon package — ICO, PNGs, Apple touch, PWA and an OG image, ready to ship.
What this tool does
Takes a single source image — typically a square logo as SVG or PNG — and produces every favicon variant a modern site needs, packaged as a single ZIP. The output includes a multi-resolution favicon.ico (16, 32 and 48 pixels) for legacy browsers and the inevitable /favicon.ico request, standalone PNGs at 16, 32, 192 and 512, an Apple touch icon at 180 for iOS home-screen installs, and a 1200 × 630 Open Graph image for link previews on Twitter, Facebook, Slack, Discord and LinkedIn. The ZIP also ships with ready-to-paste HTML for the <head> and a working manifest.json for Progressive Web App installs — drop the files at the root of your site, paste the snippet, replace your name and theme color, and you are done. Everything runs locally on your device — your logo never leaves the browser, never travels to our servers, and is not stored, indexed, logged, or shared. There is no signup, no watermark, no email gate. Pick a transparent, white, or custom background, tweak the padding so the logo does not crash into the edges, and preview every size live before downloading.
How to generate favicons
- Drop your logo — A square SVG or PNG works best. Non-square sources are letterboxed automatically.
- Set background and padding — Transparent for icons that already include background. White or a brand colour for icons that don't. Padding adds breathing room.
- Generate — Every size is rendered locally and packaged into a single ZIP. The classic
favicon.icois built byte-perfect with embedded 16/32/48 PNG payloads, the way modern Windows expects. - Paste the snippets — Drop the files at the root of your site, paste the HTML snippet into the
<head>, and replace the placeholder values in manifest.json.
How the package is built
Each PNG variant is rendered fresh at its target size, with the aspect ratio of your source preserved and padding applied around the edge so a square logo never crashes into the frame. The classic favicon.ico bundles three PNG-encoded sizes (16, 32 and 48 pixels) inside one file — a format Windows has supported for over a decade — and stays under 5 KB total, so it loads instantly and adds no measurable weight to your site. The Open Graph preview image is a 1200 × 630 canvas with the logo centred at 70% of the shorter axis, on whatever background you picked (or white if you went transparent — link-preview cards always need a solid fill, otherwise the icon disappears against dark social-media themes). Apple touch icons are rendered at 180 × 180, which iOS scales up or down for every install context. PWA icons are produced at 192 and 512, the two sizes Android Chrome looks for in manifest.json.
Files in the ZIP
favicon.ico with 16/32/48 PNG payloads — used by every browser tab. favicon-16x16.png and favicon-32x32.png for modern browsers that prefer PNG. apple-touch-icon.png at 180 × 180 — shown on the iOS home screen. favicon-192x192.png and favicon-512x512.png for Android Chrome and PWA installs. og-image.png at 1200 × 630 — used for link previews on Twitter, Facebook, Slack and Discord. manifest.json referencing the PWA icons. snippet.html with every <link> and <meta> tag you need to paste.
Frequently asked questions
Is my logo uploaded?
Do I really need favicon.ico?
/favicon.ico by default. Modern browsers prefer the PNG declarations from the HTML snippet, but having the .ico at the root costs you 5 KB and avoids 404s in your access logs.