Favicon Generator

Create a favicon

Uploaded files are processed for this request only.

Formula used

The generator scales artwork into each requested square size.

Cover mode uses the larger width or height scale.

Contain mode uses the smaller width or height scale.

The ICO file stores several PNG favicon images together.

How to use this calculator

Select an image text emoji initials or icon preset.

Choose colors shape crop zoom border and output sizes.

Review the live preview before generating final files.

Download individual icons or the complete website package.

Favicon size reference

About favicons

A favicon is a small image representing a website.

Browsers show favicons beside tabs bookmarks and shortcuts.

Clear shapes remain readable at very small icon sizes.

Square artwork usually creates the most predictable results.

Transparent PNG files work well for simple brand symbols.

ICO files remain useful because browsers recognize them widely.

Modern sites can also include several dedicated PNG icons.

Apple devices commonly use a 180 pixel touch icon.

Progressive web apps often include 192 and 512 sizes.

Maskable icons allow launchers to crop icons more safely.

This generator marks supported PWA icons as maskable icons.

SVG pinned icons can support Safari tab presentation needs.

Browser caches can delay newly uploaded favicon changes.

Rename files or clear caches when testing replacements.

Keep important artwork away from extreme outer edges.

Padding can protect logos from aggressive launcher cropping.

Cover mode fills the full square with source artwork.

Contain mode preserves the entire original image proportion.

Pixel scaling keeps hard edges on tiny pixel artwork.

Sharpening can improve some resized logos and letter marks.

Text favicons work best with one or two characters.

Long text becomes difficult to read at favicon scale.

Strong contrast usually improves recognition on browser tabs.

Preview both light and dark browser backgrounds before export.

Use a complete package for broader platform compatibility.

The manifest also stores theme and launch display settings.

Generated HTML links connect browsers with the icon files.

Place downloaded files near your website document root.

Then paste the generated tags inside your page head.

Uploaded images are not stored by this tool intentionally.

Temporary package files are deleted after generation completes.

Server support depends on the GD image extension.

ZIP downloads additionally require the standard ZipArchive extension.

SVG upload conversion uses Imagick when that extension exists.

Without Imagick choose PNG JPG GIF or WebP instead.

GIF processing uses its first rendered frame for output.

Source images should contain enough resolution for larger icons.

A 512 pixel source is a practical starting point.

Very small uploads can appear soft after enlargement.

Use custom sizing for Microsoft tiles or special platforms.

Check platform documentation when a project has strict requirements.

Your favicon package is now ready for website deployment.

Frequently asked questions

Which favicon format should I use?

Use ICO plus PNG files for broad browser coverage.

Why does my new favicon still look old?

Browser caching can preserve an older icon temporarily.

Can transparent favicons be generated?

Yes. Enable transparent background before generating your files.

Can this generator create PWA icons?

Yes. It creates standard and maskable PWA icon files.