Toolpit
Loading your page…
Toolpit
Loading your page…
Every favicon size plus the HTML to paste in.
No file to hand?(sample-logo.svg · made-up data)
Drop in any image and get a complete favicon set — every size modern browsers and devices need, plus the HTML to drop into your site. Generated locally in your browser, so your artwork is never uploaded.
Drop in a square image — an SVG or a large PNG is ideal.
Check how it looks at each size, from 512px down to 16px.
Download the package and paste the generated HTML into your site.
No. Toolpit does not upload your file for processing — the tool runs as code in this browser tab, works on the copy your browser opened, and forgets it when you close the tab. You can check this yourself: open your browser’s network panel and run the tool. You will see the page, its scripts and the ads on the site, and — when you save, if you are signed in — one small request that charges 10 tokens to your account. None of them carries your file, its name or anything read from it, because file processing stays on your device.
Far fewer than the thirty-file packs suggest. An SVG icon, a 512px PNG for web app manifests, a 180px apple-touch-icon, and a small ICO for older browsers covers essentially everything. The generated HTML includes exactly these.
Because sixteen pixels is sixteen pixels. A favicon is a monogram, not a logo — drop the wordmark, keep one letter or one shape, and increase the contrast. The preview at each size is there so you find this out before you ship it.
A square, simple mark with generous margins. A favicon is displayed at 16 pixels in a browser tab, so fine detail, thin lines and any text smaller than a couple of letters turn to mush. An SVG is the ideal input because it can be rendered crisply at every size; a large PNG works well too. If your logo is wide, make a square version of just its symbol rather than letting it be shrunk to a smear.
The set covers what browsers and devices currently ask for: the classic .ico for older browsers and Windows shortcuts, PNGs at the sizes Android and desktop browsers request, and the larger Apple touch icon used when someone adds the site to an iPhone home screen. You get the HTML to paste into your head as well, so nothing has to be guessed.
Favicons are cached unusually aggressively — by the browser, and sometimes by a CDN in front of your site. A hard refresh often is not enough. Try the icon’s URL directly to confirm the new file is being served, then clear the site’s data or check in a private window. It is almost always caching rather than a broken file.
Every one of these runs in your browser too — no upload, no watermark.