Favicon Generator

Generate multi-size favicon PNGs, a manifest, and HTML tags from an image.

Click to select an image, or drag and dropPNG, JPEG, etc. (square recommended, up to 10MB)

Overview

Generates favicon PNGs in 5 sizes — 16x16, 32x32, 180x180, 192x192, and 512x512 — from an uploaded image, all at once.
Also automatically generates a site.webmanifest for PWA support and the HTML tags to add to <head>, giving you everything you need for favicon setup in one go.
If the source image isn't square, its center is automatically cropped into a square before being resized to each size.

Select a source image (square recommended).
PNGs are automatically generated in 5 sizes: 16x16, 32x32, 180x180, 192x192, and 512x512.
Download each PNG individually, and copy the generated site.webmanifest and HTML tags (for <head>) shown below.

Input

A logo image (e.g. 512x512)

Output

favicon-16x16.png / favicon-32x32.png / apple-touch-icon.png / ...

Preparing a full favicon set (PNGs in each size, manifest, and HTML tags) at once from a new project's logo image
Recreating all favicon-related files together after a site's brand logo is refreshed
Generating PWA icons (192x192, 512x512) from an existing logo image

What happens if I upload a non-square image?

The center of the image is cropped into a square before being resized to each size, so the edges of the image may be cut off.

Can I generate a traditional .ico file?

This tool only supports PNG format. Modern browsers support PNG favicons, so a .ico file is not required.

Is the uploaded image sent to a server?

No. All processing happens entirely in your browser (client-side); the image is never sent to a server.

A non-square image has its center cropped into a square, so the edges of the image may be cut off. Using a square image is recommended.
Only PNG format is generated. A traditional .ico file is not supported, but this is not a problem since modern browsers support PNG favicons.
Each PNG file must be downloaded individually. Bulk download (such as a ZIP) is not supported.

Convert color codes between HEX, RGB, and HSL.

Recommended

Convert images between PNG, JPEG, and WebP, with resizing and compression.

Look up the icon sizes required for Web, iOS, Android, macOS, Windows, and social media.

Generate linear-gradient or radial-gradient CSS from colors and positions.