Skip to content
Toolden

TOOLDENDEVELOPERON-DEVICE

SVG to Favicon

Generate a favicon as SVG from a shape, letter, or emoji.

Vector icon for your favicon, stays on your device.

All rasterizing happens in your browser. The ZIP contains ICO plus PNGs at 16, 32, 48, 180, 192 and 512px.
Upload an SVG on the left to preview it and generate favicons.

Upload an SVG on the left. Everything runs in your browser, snippet appears on the right after generation.

HOW TO USE

  1. 1Upload your SVG icon on the left.
  2. 2The tool rasterizes favicon.ico plus 16, 32, 48, 180, 192 and 512px PNGs on the right.
  3. 3Download the favicon-pack.zip on the right.
  4. 4Paste the included HTML and site.webmanifest snippet from the right into your <head>.

EXAMPLE

INPUT

An SVG logo

OUTPUT

ZIP with favicon.ico, apple-touch-icon.png, android-chrome icons and a copy-paste HTML snippet

FAQ

What is favicon.ico used for?
Older browsers and some contexts still request favicon.ico. This tool builds a real ICO from your 16, 32 and 48px PNGs.
Do I need every size?
Modern browsers use several: 180px for Apple touch icons and 192/512px for Android home screens. Generating them all avoids missing-icon warnings.
Is my SVG uploaded anywhere?
No. Favicon generation runs entirely in your browser.

RELATED TOOLS