🌿 Menu
TRENDING
Favicon → Every Platform

One icon, tuned per platform — not just resized.

Browser tabs, iOS home screens, Android adaptive icons, Windows tiles, Safari's pinned tab — each has different rules. Set them properly instead of exporting one PNG and hoping. Modern minimal package, or full classic compatibility.

Per-platform control Halo-artifact detector Live favicon health check

Source

Drop a PNG / JPG / WebP
or click to browse

Shape & base canvas

8%

Package

Fewer, higher-res files — favicon.ico, Apple touch icon, Android icons, manifest. Browsers scale these down cleanly; this is what RealFaviconGenerator itself recommends now.

Platforms

Browser favicon always on

favicon.ico (16/32/48 packed) plus an SVG favicon when your source is vector. This is the one every browser needs.

iOS / Apple touch icon 180×180
Android / Chrome 192 + 512

Android launchers crop adaptive icons into circles, squircles or rounded squares. This adds extra padding so nothing important sits outside that safe zone.

Windows tiles 70 / 150 / 310
Safari pinned tab needs SVG source

Where this icon actually shows up

Same file, six real contexts — updates as you adjust anything on the left.

⚠
Possible halo riskLight pixels sit close to a transparent edge. On dark browser tabs or dark mode this can show as a faint glow. Try more padding, a rounded/circle mask, or a solid background.
Add a source on the left — the browser tab, iOS, Android, Windows tile, Safari and dock previews below will update instantly.

Favicon health check

Point this at any live site and see exactly which favicon assets it's actually serving.

0/7
assets found on —
Per-platform controliOS, Android, Windows and Safari each get their own background, color and padding — not one flattened export.
Modern or classic packageFewer high-res files by default, or the full legacy size range when you need it.
Halo-artifact detectorFlags light pixels near a transparent edge before they show up as a glow on dark tabs.
Live health checkAudit what any live site is actually serving, built into the same tool.
Why does iOS need a different background than my browser favicon?

iOS never respects transparency on home-screen icons — it fills transparent pixels with black by default, which usually looks wrong. Setting an explicit background for the Apple touch icon avoids that.

What's a "maskable safe zone"?

Android launchers apply their own mask shape (circle, squircle, rounded square) to adaptive icons and crop anything outside a central safe area. Padding your icon for that zone keeps logos and text from getting clipped.