What HTML do I need to add?

and . For PWAs, reference the icons in your manifest.json.

Image Tools

Favicon Generator

Generate favicons in all standard sizes from any image. Download 16×16, 32×32, 48×48, and 180×180 PNG files instantly. Runs entirely in your browser.

Input

Drop an image here

or click to browse — JPG, PNG, WebP, SVG

Square images work best

Settings

Sizes

How to generate favicons

Three steps. Use a square image with a transparent background for the best result.

01
Upload any image
Drop a PNG, JPG, or SVG onto the tool. Square images work best — if yours isn't square, the tool will center-crop it. Use a logo or icon with a transparent background for the cleanest result.
02
Download the favicon pack
You get PNG files at 16×16, 32×32, 48×48, 180×180 (Apple Touch Icon), and 512×512 (PWA icon). Download them all.
03
Add them to your site
Place the files in your public folder and add the link tags to your HTML head. The 180×180 is for iOS home screen bookmarks. The 512×512 is for PWA manifests.

Frequently asked questions

Free, no account needed.

No. Resizing happens in your browser using the Canvas API. Your image never leaves your device.

At least 512×512 pixels. Anything smaller will look blurry at larger sizes. SVG is ideal since it scales without quality loss.

16×16 and 32×32 for browser tabs. 180×180 for iOS home screen bookmarks (Apple Touch Icon). 192×192 and 512×512 for PWA manifests. The 48×48 covers Windows taskbar and older Android.

Yes, in any modern mobile browser.

Report an Issue

Found a problem with Favicon Generator? Let us know.

Your feedback helps us improve.

Please wait while we prepare your experience

How to generate favicons

Three steps. Use a square image with a transparent background for the best result.

Upload any image

Drop a PNG, JPG, or SVG onto the tool. Square images work best — if yours isn't square, the tool will center-crop it. Use a logo or icon with a transparent background for the cleanest result.

Download the favicon pack

You get PNG files at 16×16, 32×32, 48×48, 180×180 (Apple Touch Icon), and 512×512 (PWA icon). Download them all.

Add them to your site

Place the files in your public folder and add the link tags to your HTML head. The 180×180 is for iOS home screen bookmarks. The 512×512 is for PWA manifests.