Which sizes do I need?

Browsers mostly ask for 16px and 32px. Apple touch icons want 180px, and PWA manifests use 192px and 512px.

Why does the image need to be square?

Favicons are square. Other shapes get centre-cropped to fit.

Where do I put the files?

Upload them to your site root, then paste the shown link tags into your HTML head.

Is my image uploaded anywhere?

No. Resizing happens on your device in canvas.

Favicon Generator

Drop one square image. Get every icon size for browsers and phones. Your image never leaves this page.

Drop an image here, or click to choose oneSquare images work best · PNG, JPG, WebP, SVG

How it works

1
Drop one image
Any square PNG, JPG, WebP, or SVG works best.
2
Review the sizes
Sixteen sizes from 16px to 512px render locally in canvas.
3
Download and paste tags
Save the PNGs you need, then copy the ready link tags.

When to use it

Site launches
Ship every icon size browsers and phones ask for.
Rebrands
Regenerate the full set from one new logo.
PWA manifests
Cover the 192px and 512px entries apps require.
Blog favicons
Give posts a home-tab identity in minutes.

Favicon questions

Which sizes do I need?: Browsers mostly ask for 16px and 32px. Apple touch icons want 180px, and PWA manifests use 192px and 512px.
Why does the image need to be square?: Favicons are square. Other shapes get centre-cropped to fit.
Where do I put the files?: Upload them to your site root, then paste the shown link tags into your HTML head.
Is my image uploaded anywhere?: No. Resizing happens on your device in canvas.

Explore Related Tools

Discover more utility-driven tools designed to enhance your workflow and technical excellence.

Image Resizer & Cropper

Resize and crop images locally to exact dimensions without uploading files.

CSS & Design

SVG to JSX Converter

Convert SVG markup into React-friendly JSX with safe attribute names.

Developer Utilities

Image to Base64 Converter

Convert images to Base64 data URIs with drag-and-drop, size stats, and a live preview — perfect for inline assets and CSS backgrounds.

Developer Utilities

Favicon Generator

How it works

Drop one image

Review the sizes

Download and paste tags

When to use it

Site launches

Rebrands

PWA manifests

Blog favicons

Favicon questions

Explore Related Tools

Image Resizer & Cropper

SVG to JSX Converter

Image to Base64 Converter

Favicon Generator

How it works

Drop one image

Review the sizes

Download and paste tags

When to use it

Site launches

Rebrands

PWA manifests

Blog favicons

Favicon questions

Explore Related Tools

Image Resizer & Cropper

SVG to JSX Converter

Image to Base64 Converter