What favicon sizes do I need for modern websites?

Most sites should include 16x16, 32x32, and 48x48 PNG favicons, a 180x180 Apple Touch Icon, and 192x192 + 512x512 Android/PWA icons.

Why is favicon.ico still required?

Many browsers and legacy systems still request /favicon.ico by default. Including an ICO file improves compatibility across old and new clients.

The web manifest defines app metadata and icon references for installable web apps (PWAs), especially on Android and desktop browsers.

Generate all favicon sizes from a single image, including ICO, Apple Touch Icon, and PWA icons.

Upload a square logo or icon (PNG, JPG, SVG, or WebP), then generate a complete favicon package for your website.

Upload an image, then click Generate Favicons.

Ever wonder why one site icon needs ICO, PNG, Apple Touch, and PWA variants all at once?

Was this useful?

Turn two or three brand colors into semantic design tokens with live previews and CSS, Tailwind, SCSS, and JSON exports.

Generate CSS gradient code for linear, radial, and conic gradients with live preview, color stops, and preset templates.

Generate CSS box-shadow values with visual controls, live preview, and one-click copy.

Pick colors visually, sync HEX/RGB/HSL values, and extract dominant palettes from uploaded images.

Format and validate JSON quickly with clean output and errors.

Convert plain text to Base64 and back in one panel.