100% in your browser

Source never uploaded

Drop an image here or click to browse

Square images work best — PNG · JPG · WebP · SVG

Browser-only Tool

Favicon ジェネレーター 全サイズ、ワンドロップ。

正方形の画像をドロップ — 16、32、48、180、192、512 favicon PNG と HTML スニペットを取得。

How It Works

1

Drop a square image

A 512×512 PNG or JPG is ideal — the tool scales down from your source.

2

Download each size

16×16, 32×32, 48×48, 180×180, 192×192, 512×512 PNGs appear.

3

Paste the HTML snippet

Copy the generated <link> tags into your <head>.

Why all these sizes

32×32 — browser tabs

The default every browser picks for tabs.

180×180 — Apple touch

Home-screen icon on iOS.

192×192 / 512×512 — PWA

Manifest icons for Android install.

16×16 / 48×48 — legacy

Cramped bookmark bars and Windows shortcuts.

よくある質問

What sizes do I need in 2026?

32×32 (tabs), 180×180 (iOS), 192/512 (PWA). 16×16 for bookmarks, 48×48 for Windows.

Do I still need .ico?

No for modern browsers. IE11 still asks for /favicon.ico if you need it.

SVG favicon — better?

Better for flat logos. Worse for photographic logos.

Is anything uploaded?

No. Canvas resizing in your browser.

Non-square logo?

The tool center-crops to square before scaling.

Light and dark mode?

Use a PNG with a colored badge, or SVG with prefers-color-scheme.

What HTML do I need?

The generated snippet wires up <link rel="icon">, Apple touch icon, and manifest.

Need a manifest.json?

Only for PWA install prompt.

Need favicons hosted?

Upload them to our CDN for fast delivery.

Try the main uploader