svgby garagemade

Turn an SVG into a full favicon pack

svgby garagemade
0,0browser-local
Drop an SVG to start
or pick a sample on the home page

A modern favicon isn't one file — browsers want an .ico, an Apple touch icon, Android/PWA icons, and a web manifest. This turns your SVG into all of them plus the HTML to paste, in one step, in your browser.

How to make a favicon pack from an SVG

  • Drop your SVG logo.
  • We render every required size on the transparency checkerboard so you can check it.
  • Download the ZIP: favicon.ico, apple-touch-icon, Android/PWA icons, web manifest.
  • Copy the <head> snippet into your site.

What's in the pack

FileWhat it's for
favicon.ico16/32/48, browser tabs, legacy
favicon.svgModern browsers, crisp at any size, respects dark mode if authored for it
apple-touch-icon.png180×180, iOS home screen
icon-192.png, icon-512.png, maskableAndroid / PWA
site.webmanifestComplete, installable web manifest — name, short_name, id, start_url, scope, display, background/theme color, plus ‘any’ + maskable icons
<head> snippetReady to paste — now includes theme-color and og:image dimensions

Why start from an SVG

  • Vector source rasterizes cleanly at each exact size — no blurry downscaling.
  • One source of truth; regenerate the whole pack if the logo changes.

Frequently asked questions

What files do I actually need for a favicon?
At minimum favicon.ico and an Apple touch icon; for PWAs add 192/512 PNGs and a manifest. The pack includes all of them.
Do you upload my logo?
No. Everything is generated in your browser.
Will the icons look sharp?
Yes — each size is rasterized directly from the vector, so there's no upscaling blur.
What do I do with the ZIP?
Drop the files in your site root and paste the provided <head> snippet. It's included.
Does the SVG favicon support dark mode?
If your SVG is authored with a prefers-color-scheme media query, modern browsers respect it.
My SVG links to an external image or font — why does it fail?
For everything to run in your browser, the SVG has to be self-contained. If it pulls in an image or font from another URL, the browser blocks the export for security reasons. Embed the image (as a data URI) or flatten it first, then try again.
Is it free?
Yes. No signup, no watermark.

Related tools