SVG to Code
Menu

Website icon tools

Favicon Converter

Upload one image and generate a complete favicon convert for your website, including favicon.ico, PNG icons, and site.webmanifest.

Favicon convert generator

Upload image

PNG, JPG, JPEG, or WEBP — drag in or choose a file. The pack generates automatically.

Drop an image here or click to upload

Manifest & colors

site.webmanifest preview

name and short_name below match the file inside your ZIP.

{
  "name": "My Site",
  "short_name": "My Site",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

Image fit

Fit mode

Generated previews

Upload an image to see icon sizes.

Files in the ZIP

    HTML snippet

    Place these tags in your page head (adjust paths if needed).

    <title>My Site</title>
<meta name="application-name" content="My Site">
<meta name="theme-color" content="#ffffff">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

    Related tools

    Prefer a vector-first workflow? Jump to SVG exports, or convert a bitmap logo to SVG before you iterate on paths.

    What’s included in the ZIP?

    This generator ships the most common favicon assets used by browsers, Apple devices, Android home screens, and simple web apps. If you only need a single ICO file, use SVG to ICO instead. If your source logo is already vector, try SVG to Favicon for a favicon-focused export workflow.

    • favicon.ico 16×16, 32×32, and 48×48 PNG layers inside one ICO.
    • favicon-16x16.png & favicon-32x32.png Classic tab icons and fallback sizes.
    • apple-touch-icon.png 180×180 for iOS bookmarks and “Add to Home Screen”.
    • android-chrome-192x192.png & 512×512 Manifest icons for Android and installable web apps.
    • site.webmanifest JSON manifest with name, short name, theme colors, and icon references.

    When to use this tool

    • You want a full favicon convert in one ZIP without resizing manually.
    • You have one raster logo and need browser, mobile, and PWA-ready assets.
    • You prefer everything generated locally in the browser with a single download.

    Best source images

    Clean logos, centered marks, simple illustrations, transparent PNGs, and roughly square artwork usually produce the crispest tab icons. If your source is still a bitmap logo and you want a scalable master, convert it with Image to SVG or PNG to SVG. For a sharper raster base from vector artwork, use SVG to PNG first, then upload the PNG here.

    How it works

    1. 01

      Upload your image

      PNG, JPG, JPEG, or WEBP — the pack generates automatically after each change.

    2. 02

      Tune icon and manifest settings

      Set site name, theme colors, fit mode, padding, rounded corners, and transparent background when you need alpha.

    3. 03

      Download the ZIP

      Grab favicon.ico, PNG sizes, and site.webmanifest in one archive, plus copy-ready HTML link tags.

    Which favicon tool should you use?

    • Favicon Converter (this page) — one raster image → full ZIP with ICO, PNG set, and manifest.
    • SVG to ICO — create a single ICO file when you already work from SVG.
    • SVG to Favicon — generate favicon assets from SVG when you want a vector-first workflow.
    • SVG to PNG — export raster icon files only, without the manifest bundle.

    FAQ

    What files are included in the favicon convert?

    The ZIP includes favicon.ico with 16×16, 32×32, and 48×48 layers, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, and site.webmanifest. Together they cover common browser tabs, iOS home-screen icons, and Android / PWA manifest icons.

    Can I create favicon.ico from PNG or JPG?

    Yes. Upload a PNG, JPG, JPEG, or WEBP logo here. The tool rasterizes your artwork locally in the browser, builds the ICO layers, and packages everything into one ZIP.

    Can I use SVG as the source image?

    This page expects a raster upload. If your master logo is SVG, use SVG to Favicon for a favicon-focused SVG workflow, export a single ICO with SVG to ICO, or rasterize first with SVG to PNG and upload the PNG here if you want the full ZIP pack layout.

    What size image should I upload?

    Any reasonable logo size works. Square artwork centered in the frame tends to read best at 16px. Use cover to fill the square or contain to letterbox inside padding.

    Do I need both favicon.ico and PNG icons?

    Modern browsers can use PNG favicons, but ICO remains the most compatible legacy format. Apple touch and Android chrome sizes are still expected by many platforms—shipping the full set avoids guesswork.

    Can I use the generated files for a web app or PWA?

    Yes. site.webmanifest references the 192 and 512 icons with display standalone. Adjust paths when you deploy so they match your CDN or subdirectory structure.

    More SVG workflows

    Want to inspect or edit SVG manually before export? Open SVG to Code. Need embeddable markup for a page? Try Convert SVG to HTML.

    Related tools

    Related guides