๐ผ๏ธ
Drag & drop your logo, or
A square PNG or SVG works best. Up to 10MB.
Free ยท Runs in your browser ยท Every size you need
Upload your logo, get every favicon size, a web manifest, and the HTML to paste into your site.
Drag & drop your logo, or
A square PNG or SVG works best. Up to 10MB.
No โ all resizing and file generation happens in your browser using the Canvas API. Nothing is uploaded.
Fit scales your image down to fit entirely within the square, adding padding on the shorter side. Fill scales it up to cover the whole square, cropping any overflow. Fit is safer for logos with text near the edges; Fill looks better for images meant to bleed to the edge.
For most sites, favicon.ico plus apple-touch-icon.png cover the essentials. The Android Chrome sizes and site.webmanifest matter mainly if your site can be added to a home screen or installed as a PWA.
Some older browsers and some crawlers still specifically look for /favicon.ico at the root of your domain, so it's worth keeping even though modern browsers primarily use the sized PNG links in your <head>.
Typically in your web root (e.g. public/ for most frameworks), so they're reachable at paths like /favicon.ico and /apple-touch-icon.png โ matching the href values in the snippet below.