Super Boring Tools

Search tools

Find a tool by name or what it does.

Favicon Generator

Turn one image into the full favicon set: 16 to 512 px PNGs, a real favicon.ico, a web app manifest, and paste-ready link tags.

Image
Drop an image here or click to browse
or paste from clipboard (Ctrl+V) · PNG, JPEG, WebP, SVG
Files stay in your browser. Nothing is uploaded.

How to make a favicon from an image

  1. Add your image

    Drop a square PNG, JPEG, WebP, or SVG into the drop zone, click to browse, or paste an image from your clipboard.

  2. Review the generated set

    All six PNG sizes and the favicon.ico appear instantly, each on a checkered preview with its own download button. Non-square images are cropped to a centered square.

  3. Download and paste the tags

    Download everything as one ZIP with the icons, favicon.ico, and a site.webmanifest, put the files in your site root, and paste the ready-made link tags into the head of your pages.

Why use this tool

The full modern size set

16, 32, and 48 px icons for browser tabs and desktop shortcuts, a 180 px apple touch icon for iOS, and 192 and 512 px icons for Android home screens and web app installs.

A real favicon.ico

The 16, 32, and 48 px icons are packed into a single favicon.ico, the file that browsers, feed readers, and crawlers still request by name.

Link tags and a web app manifest

A copyable HTML snippet wires every file into your page head, including the manifest link, and the ZIP ships a ready-to-edit site.webmanifest that points the 192 and 512 px icons at Android and installable web apps.

Transparency preserved

PNG output keeps the alpha channel of your source, and each preview sits on a checkered background so transparent areas are visible.

Square-crop handling

Non-square sources are cropped to a centered square automatically, with a note so you know exactly what was trimmed.

Nothing leaves your browser

Icons are generated on your device, so unreleased logos and brand marks never touch a server. Free, no signup, no watermark.

About this tool

A favicon is not one file anymore. Browser tabs read the 16 and 32 px icons, desktop shortcuts and bookmark bars use the 48 px version, iOS shows the 180 px apple touch icon when someone pins your site to their home screen, and Android launchers and web app installs want the 192 and 512 px icons. This favicon generator produces all six PNG sizes plus a favicon.ico from a single image, along with a site.webmanifest and the exact link tags that wire everything into the head of your pages.

One good source is enough because icons only ever need to shrink. Start from a square image of 512 px or larger, ideally a simple mark rather than a detailed photo, and every smaller size is produced by scaling down, which keeps edges clean. Scaling up cannot invent detail that was never there, so the tool warns you when a small source will look soft. An SVG source is rendered at high resolution before any icon is made, so every size stays sharp. The favicon.ico is the legacy piece: many browsers, feed readers, and crawlers still fetch /favicon.ico by name without reading your HTML, and the generated file answers them with the 16, 32, and 48 px icons bundled together.

Everything runs on your device, which matters more than usual here because favicons are often cut from unreleased logos and brand marks. Nothing you drop in is uploaded anywhere. If the automatic center crop is not the framing you want, square the image yourself with the image cropper first. The image resizer is useful for checking how a mark reads at small sizes, and the image format converter can produce a PNG source from other formats.

Frequently asked questions

What favicon sizes do I actually need?
Six cover modern use: 16 and 32 px for browser tabs, 48 px for desktop shortcuts and bookmark bars, 180 px for the iOS home screen, and 192 and 512 px for Android and installable web apps. This tool generates all of them, plus a favicon.ico, from one image.
Do I still need a favicon.ico when I have PNG icons?
Yes, it is worth shipping. Many browsers, feed readers, and crawlers request /favicon.ico directly without looking at your HTML. The generated file bundles the 16, 32, and 48 px icons, costs a few kilobytes, and quietly covers those requests.
Does it include a web app manifest?
Yes. The ZIP contains a site.webmanifest that references the 192 and 512 px icons, along with the matching manifest link tag. Edit the name and theme color placeholders to match your site so Android and installable web apps show the right icon and label.
Is transparency preserved?
Yes. PNG output keeps the alpha channel of your source, and the icons inside the favicon.ico keep it too. Each preview sits on a checkered background so you can see exactly which areas are transparent.
What happens if my image is not square?
It is cropped to a centered square automatically, and a note tells you the crop happened. If the center crop trims the wrong part, square the image with the image cropper first and drop the result back in.
Can I use an SVG as the source?
Yes. An SVG is rendered at high resolution before the icons are generated, so even the 512 px size comes out sharp regardless of the dimensions written in the file.
Is my logo uploaded anywhere?
No. The icons, the favicon.ico, and the ZIP are all generated in your browser, and your image never leaves your device. That makes the tool safe for unreleased logos and rebrand work.

Related tools