Favicon generator

Drop a logo and get the complete favicon set — every PNG size, a multi-resolution favicon.ico, and the HTML and manifest snippets ready to paste.

Drop your logo heresquare PNG or SVG works best — nothing leaves your browser

PNG · SVG · JPG · WebP

Padding — 0%

Background

Fill transparent areas with a background color

How it works

Drop your logo. A square SVG or a large PNG gives the sharpest result; other formats work too.
Adjust padding and background. Add breathing room, or fill transparency with a brand colour for platforms that dislike alpha.
Download and paste. Take the ZIP, drop the files at your site root, and paste the provided head snippet.

One logo, seven files

Favicons stopped being a single 16 px square years ago. Browsers, iOS home screens, Android launchers, Windows tiles and PWA manifests all want different sizes, and serving the wrong one produces blurry icons in exactly the places people notice.

What each file is for

favicon.ico bundles 16, 32 and 48 px for browser tabs, bookmarks and Windows shortcuts. apple-touch-icon.png (180 px) is what iOS uses when someone adds your site to their home screen — it is displayed on a rounded square with no transparency, which is why the background option exists. favicon-192.png and favicon-512.png are referenced from the web manifest for Android and installable web apps.

Designing for 16 pixels

At tab size you have roughly a 14 × 14 grid of visible pixels. Wordmarks disappear; single letters, simple geometric shapes and strong silhouettes survive. If your full logo is detailed, generate the small sizes from a simplified mark and keep the detailed version for the 512 px icon.

Need the source artwork in another format first? Use the SVG to PNG converter or the batch resizer.

Frequently asked questions

Which favicon sizes do I actually need?

A multi-size favicon.ico (16/32/48) for browsers and Windows, a 180 px apple-touch-icon for iOS home screens, and 192 and 512 px PNGs for Android and PWA manifests. This generator produces all of them.

Do I still need favicon.ico in 2026?

Yes. Browsers request /favicon.ico by default even when link tags point elsewhere, and some tools and feed readers only look for it. It costs a few kilobytes to keep.

What source image works best?

A square SVG or a PNG of at least 512 × 512 px. Simple, high-contrast marks survive 16 px; detailed logos with fine text turn to mush at that size — consider a simplified glyph for the small icons.

Is my logo uploaded?

No. Every size is rendered in your browser with the Canvas API and the ICO file is assembled locally, so unreleased branding stays private.

Can I tune the artwork separately for each icon size?

No. The same centred source, padding and optional background are rendered at every size. If the 16 px icon needs a simpler mark than the 512 px icon, generate the two designs separately.