Skip to content
SnapTools

Favicon From a Logo

Runs in your browser

Turn any logo into a square icon and generate favicon.ico plus every PNG size a website and PWA needs.

Why this recipe exists

Logos are rarely square and favicons always are, so the first thing that happens to a wordmark dropped into a favicon generator is an awkward squash or a lot of empty space. This recipe crops to a centred square first, then renders the full set: a multi-resolution .ico for browsers, a 180-pixel apple-touch-icon for iOS home screens, and 192 and 512 pixel PNGs for Android and PWA manifests.

What it does

  1. Crop to a centred square
  2. Render favicon.ico and every PNG size
  3. Package the icon set

FAQ

Is my logo uploaded?
No. Cropping and rendering happen in your browser, and the .ico is assembled locally.
What if my logo is a wide wordmark?
A centred square crop will cut the ends off. For a wordmark, crop to the symbol yourself in the Image Cropper first, or design a separate compact mark — which is what most brands do for favicons.

Other recipes