How do I install the generated favicons on my website?

Upload all the generated PNGs to your website root or to `/icons/`. Then paste the included HTML snippet into your site's ` ` section — it contains the correct ` ` tags for each size, plus the ` ` for iOS and a ` ` reference for PWA support. Most static site generators (Next.js, Hugo, Jekyll) and CMS platforms (WordPress, Ghost) have a "favicon upload" feature that handles the HTML wiring automatically.

Free Favicon Generator Online

Generate favicons in all required sizes from a single image. Includes ICO, PNG, and Apple Touch Icon formats.

Last updated May 8, 2026

Drop your icon image here

Use a square image for best results (PNG, JPG, SVG)

Browse Files

Max 1 file, up to 50.0 MB each

A modern website needs at least eight different favicon sizes to render correctly across browsers, operating systems, app stores, and pinned-tab states — and most designers learn this the hard way after launching a site that shows a blurry icon on iPhone home screens, a cropped icon on Android, or a default browser placeholder on Edge. Our free online favicon generator produces all the standard sizes in one shot from a single source image: 16×16 (browser tab on Windows/Linux), 32×32 (high-DPI browser tab), 48×48 (Windows shortcut icon), 64×64 (large desktop icon), 128×128 (Chrome Web Store), 180×180 (Apple Touch Icon for iOS home screen), 192×192 (Android Chrome home screen), and 512×512 (PWA install icon and Android adaptive icon). Upload your logo, icon, or square image (the larger the source, the better — 512×512 minimum recommended), optionally adjust the background colour for transparent areas and the border-radius for rounded icons, and click Generate. The output is delivered as a ZIP containing all eight PNG files plus a ready-to-paste HTML snippet with the correct `<link>` tags for every size, ready to drop into your `<head>` section. Common workflows: launching a new website and needing the complete favicon bundle without manually exporting each size from Figma or Photoshop, replacing an old favicon set after rebranding, generating PWA icons for a web app installation, creating a favicon from a quick logo sketch for an internal tool, and producing all the icon sizes Apple, Google, and Microsoft each demand for app store submissions and rich link previews. The generator uses the HTML5 Canvas API for high-quality downscaling — bicubic resampling preserves edge sharpness even at the smallest 16×16 size, where naive scaling produces a pixelated mess. Source format support: PNG (best for icons with transparency), JPG (works but transparent backgrounds will be solid colour), SVG (preferred when available — vector source means perfectly crisp output at every size), and WebP. For the cleanest results, start with a square SVG or 512×512 PNG with transparent background. Everything runs in your browser — your logo files, brand assets, and any pre-launch designs never touch any server. Pair this with our [PNG to SVG](/tools/png-to-svg) converter when you only have a raster logo and need to vectorise it first, [SVG Optimizer](/tools/svg-optimizer) to shrink your favicon SVG before deploying, [Image Crop](/tools/image-crop) to make non-square sources square, and [Background Remover](/tools/background-remover) to clean up logo backgrounds before generation.

How to Use Favicon Generator

Upload Icon Image

Drag and drop your logo or icon image. For best results: use a square image at 512×512 pixels minimum, preferably an SVG (perfect at any size) or transparent PNG. JPG and WebP also accepted.

Select Sizes & Options

Choose which favicon sizes to generate (defaults cover the standard eight). Customise background colour for transparent areas, and adjust border-radius for rounded or circular icon styles.

Generate & Download

Click "Generate" — the Canvas API produces all sizes using high-quality bicubic resampling. Download individually or as a ZIP archive containing all PNGs plus ready-to-paste HTML snippet.

Features

All Standard Sizes

Generate 16×16, 32×32, 48×48, 64×64, 128×128, 180×180 (Apple Touch Icon), 192×192 (Android Chrome), and 512×512 (PWA) favicons in one click — covering every modern OS and browser.

HTML Code Included

Get ready-to-paste HTML `<link>` tags for all generated favicon sizes including `apple-touch-icon` and `manifest` references. Copy and add directly to your site's `<head>` section.

Background & Radius

Set a custom background colour for transparent areas (useful when target platform does not support transparency) and adjust border-radius for rounded corners or fully circular icons.

ZIP Download

Download all generated favicons, HTML snippet, and a `manifest.json` template as a single convenient ZIP archive — no need to manually save each file separately.

High-Quality Resampling

Uses bicubic resampling via the Canvas API for sharp edges even at the smallest 16×16 size. Naive nearest-neighbour scaling would produce a pixelated mess at small sizes.

SVG Source Support

When you upload an SVG, it gets rasterised at every size at native quality — meaning your 16×16 favicon is exactly as crisp as your 512×512. No quality loss from progressive downscaling of a raster source.

Benefits of Using Favicon Generator

Completely Free

Use Favicon Generator without any cost, limits, or hidden fees. No premium plans needed.

No Installation

Works directly in your browser. No software downloads or plugins required.

100% Private

Your files and data are processed locally. Nothing is uploaded to external servers.

Works Everywhere

Compatible with Chrome, Firefox, Safari, Edge on desktop, tablet, and mobile.

No Sign-Up

Start using the tool immediately. No account creation or email verification.

Always Available

Access this tool 24/7 from anywhere in the world, on any device.

Frequently Asked Questions

Best to worst: SVG (vector — perfect at every size, no quality loss), 512×512 PNG with transparent background, 256×256 PNG with transparent background, JPG (works but transparency is lost). Use a square aspect ratio if possible — non-square sources get padded with the background colour. Simple, high-contrast designs work best at small sizes; intricate detail gets lost at 16×16.

For modern web in 2026, the eight sizes the generator produces cover essentially everything: 16×16 and 32×32 for browser tabs (Windows, Linux), 48×48 for Windows shortcuts, 180×180 for iOS home screen (Apple Touch Icon), 192×192 for Android Chrome home screen, 512×512 for PWA install. Some legacy systems also use 64×64 and 128×128. The bundle includes all of these.

For modern browsers, PNG favicons referenced via `<link rel="icon" href="/favicon-32x32.png">` work perfectly. The legacy .ico format (which is a multi-resolution container) was important pre-2010 and is still used as a fallback by some old browsers and email clients. Most modern sites ship both — PNGs for the various size links, plus a `favicon.ico` at the root for old browsers that look there by default. Generating a multi-size .ico is on the roadmap; for now, the PNG bundle covers every practical case.

Upload all the generated PNGs to your website root or to `/icons/`. Then paste the included HTML snippet into your site's `<head>` section — it contains the correct `<link rel="icon">` tags for each size, plus the `<link rel="apple-touch-icon">` for iOS and a `<link rel="manifest">` reference for PWA support. Most static site generators (Next.js, Hugo, Jekyll) and CMS platforms (WordPress, Ghost) have a "favicon upload" feature that handles the HTML wiring automatically.

Yes — set the background colour in the customisation panel. Useful when (a) your source image has transparency but the target platform does not support it (some old email clients, certain RSS readers), or (b) you want a coloured background to make the icon pop in the browser tab. The generator fills transparent areas with the chosen colour during rasterisation.

iOS and Android both auto-round square app icons differently — iOS rounds with a "squircle" shape, Android applies platform-specific rounding via adaptive icons. The border-radius slider lets you pre-round the favicon for systems that show it as-is (some browser pin tabs, some PWA install dialogs). For full-platform compatibility, leave it at 0 (square) and let each OS apply its own rounding when displaying.

Yes, completely free with no limits on the number of favicons generated, source image size, or projects. No registration. Generate favicons for unlimited websites — the tool runs in your browser, so there is no server cost on our side.

No. The entire generator runs in your browser using the HTML5 Canvas API. Your source image is loaded into the browser tab, rasterised locally at every size, and the ZIP is built on your device. Nothing is sent to any server, logged, or cached. This matters when your favicon source contains pre-launch branding, internal logos, or any visual asset you would not want sitting on a third-party machine before your public launch.