Favicon Generator

280+ ratingsFree

Turn an image into 16x16, 32x32 favicons and an Apple Touch Icon.

Click to upload or drag & dropPNG, JPG, GIF, or WebP — recommended ≥ 256×256

🔒 100% client-side — your image is loaded into an in-browser canvas and exported via canvas.toBlob. It never leaves your device.

What Is This Tool?

A favicon is the tiny icon shown in browser tabs, bookmarks, and home-screen shortcuts. Serving a single large image and letting the browser shrink it looks blurry at 16×16. This tool takes any image you upload, crops it to a centered square, and exports crisp PNG favicons at the sizes browsers actually request — plus the Apple Touch Icon for iOS. Everything runs in your browser via canvas.

Which sizes you actually need

16×16 — the classic browser-tab favicon. The smallest and most visible size, so clarity here matters most.
32×32 — used by retina tabs, the Windows taskbar, and modern bookmarks.
180×180 (Apple Touch Icon) — the high-resolution icon iOS uses when a user adds your site to their home screen.

How to declare them in your HTML

After downloading, place the files in your site root and add these tags to your <head>: <link rel="icon" type="image/png" sizes="32×32" href="/favicon-32x32.png">, <link rel="icon" type="image/png" sizes="16×16" href="/favicon-16x16.png">, and <link rel="apple-touch-icon" sizes="180×180" href="/apple-touch-icon.png">. Browsers pick the best match automatically.

Designing a favicon that reads at 16×16

At 16 pixels, detail disappears. Use a single bold shape or letter with high contrast against its background — avoid thin lines, small text, and complex logos. PNG with transparency is recommended so the icon looks good on both light and dark browser tabs. If you need a vector favicon that scales infinitely, ship an SVG via <link rel="icon" type="image/svg+xml"> alongside the PNG fallbacks.

About the Favicon Generator

The Favicon Generator creates favicon generator on demand, right in your browser. Set the options you need, click generate, and the result is ready to copy. Because everything runs locally, nothing you enter or produce leaves your device.

Generators like this are useful when you need a specific output (a password, a UUID, a QR code, placeholder text) and don't want to install an app or trust an unknown website with your data. This tool is free, has no usage limits, and works the same on phone and desktop.

Common uses: people reach for this tool when they need to use a favicon generator from image 16x16 32x32, apple touch icon generator online, create favicon from png online, or favicon maker no upload.

How to Use This Tool

Set the options the generator exposes (length, format, count, etc.).
Click the generate button to produce the output.
Review the result and adjust the options to regenerate if needed.
Use the copy button to copy the output to your clipboard.

Why Use an Online Generator?

Browser-based tools like this one have a few real advantages over installed software or manual methods:

No installation. It opens instantly in any browser, on any operating system.
Private by default. Everything runs locally, so your data stays on your device.
Always up to date.There's nothing to update — you always get the latest version when you load the page.
Free and unlimited. Use it as often as you like, with no account and no caps.

Frequently Asked Questions

Which image formats can I upload?

PNG, JPG/JPEG, GIF, and WebP. PNG with transparency is recommended because favicons look best on coloured browser tabs. SVG source also works but is rasterised to PNG favicons here, since 16x16 and 32x32 raster favicons have the widest browser support.

Why do I need multiple sizes?

Different contexts use different sizes: 16x16 for the browser tab, 32x32 for retina tabs and the Windows taskbar, and 180x180 (Apple Touch Icon) for iOS home-screen bookmarks. Serving one large image and letting the browser scale it looks blurry at 16x16.

Is my image uploaded to a server?

No. The image is loaded into an in-browser canvas, cropped and scaled, and exported via canvas.toBlob — all locally. Your file never leaves your device, which also means this works offline once the page is loaded.

More tools you might find useful

Web Design Tools

SVG to PNG Converter

Convert SVG to PNG or WebP in-browser with custom scale and download.

Web Design Tools

Aspect Ratio Calculator

Compute missing width or height to keep any aspect ratio.

Web Design Tools

Color Contrast Checker (WCAG)

Test color contrast against WCAG AA and AAA accessibility levels.

Web Design Tools

Color Converter

Convert between HEX, RGB, and HSL with a visual picker.

Loading…

What Is This Tool?

Which sizes you actually need

16×16 — the classic browser-tab favicon. The smallest and most visible size, so clarity here matters most.
32×32 — used by retina tabs, the Windows taskbar, and modern bookmarks.
180×180 (Apple Touch Icon) — the high-resolution icon iOS uses when a user adds your site to their home screen.

How to declare them in your HTML

Designing a favicon that reads at 16×16

About the Favicon Generator

Why Use an Online Generator?

Browser-based tools like this one have a few real advantages over installed software or manual methods:

No installation. It opens instantly in any browser, on any operating system.

Private by default. Everything runs locally, so your data stays on your device.

Always up to date.There's nothing to update — you always get the latest version when you load the page.

Free and unlimited. Use it as often as you like, with no account and no caps.

Frequently Asked Questions

Which image formats can I upload?

Why do I need multiple sizes?

Is my image uploaded to a server?