Tool

Favicon Generator

Drop an image, paste from clipboard, or click to upload

PNG, JPG, SVG, or WebP (max 10 MB, max 4096x4096)

Generate all the icons your website needs from a single image — directly in your browser. Outputs .ico favicons, Apple Touch Icons (180x180), and Android Chrome icons (192x192, 512x512). All processing happens client-side — your images never leave your device.

Features

  • Drag-and-drop, file picker, or clipboard paste (Ctrl/Cmd+V)
  • .ico with multiple sizes: 16, 32, 48, 64, 128, 256px
  • Apple Touch Icon (180x180) — always opaque, as required by Apple
  • Android Chrome icons (192x192, 512x512)
  • Background options: transparent, white, or custom color
  • Adjustable padding and corner radius
  • Live preview at actual pixel sizes
  • Copyable HTML <link> tags and site.webmanifest snippet
  • Supports PNG, JPG, SVG, and WebP input formats

How It Works

  1. Upload or paste your source image (logo, icon, or any graphic)
  2. Select the ICO sizes you need (16x16 and 32x32 are recommended at minimum)
  3. Adjust background, padding, and corner radius to taste
  4. Download the .ico file and web icon PNGs
  5. Copy the HTML snippet and manifest into your project

Output Files

  • favicon.ico (16–256px, multi-size) — browser tab, bookmarks, legacy support
  • apple-touch-icon.png (180x180) — iOS home screen, Safari
  • android-chrome-192x192.png (192x192) — Android home screen
  • android-chrome-512x512.png (512x512) — Android splash screen

Technical Details

The .ico file uses the PNG-in-ICO format, supported by all modern browsers and operating systems. Each size is rendered independently with high-quality resampling. Non-square images are centered within a square canvas without distortion. Transparent backgrounds are preserved for PNG, SVG, and WebP sources — JPEG inputs are always opaque.

Back to tools