# LogoLab

> Free, open-source (MIT) online vectorizer: converts PNG, JPG and WebP logos and icons into clean, editable SVG entirely in the browser. No upload, no account, no watermark, no usage limit. Also removes backgrounds, previews a logo in real contexts and exports favicon / PWA / Android icon sets.

Web app: https://logolab.fabraham.dev/

## What it does

- Vectorize (raster → SVG): real tracing (region segmentation, shared-edge planar tracing, curve fitting with sharp corners kept), not a bitmap wrapped in an SVG. Modes: flat colour, one-ink (mono) and gradients. Line art can be traced as stroked centrelines instead of outlines. "Find best settings" scores candidate settings against the source.
- Cleanup: remove a baked-in background (flood fill, by colour, brushes, or an AI cutout model that runs in the browser).
- Editor: SVG editor with node editing, boolean operations and live text.
- Icon sheet: split one AI-generated sheet of many icons into separate traced icons.
- Preview: the logo on device screenshots, a website nav, browser tabs, app store listing, avatars, and a 16–128px legibility matrix on light and dark.
- Export: favicon.ico, PWA manifest icons, apple-touch-icon, Android icons, SVG.

## Pages

- [PNG to SVG vectorizer](https://logolab.fabraham.dev/vectorize): convert a PNG, JPG or WebP logo to SVG
- [Remove background](https://logolab.fabraham.dev/cleanup): cut a logo out of its background, AI cutout included
- [SVG editor](https://logolab.fabraham.dev/editor): nodes, booleans, live text
- [Split icon sheet](https://logolab.fabraham.dev/sheet): one sheet of icons into separate traced SVGs
- [Favicon & PWA icons](https://logolab.fabraham.dev/export): favicon.ico, apple-touch-icon, maskable and Android icons
- [Logo preview](https://logolab.fabraham.dev/preview): the logo on devices, sites, tabs and app stores
- [Vectorizer benchmark](https://logolab.fabraham.dev/labs/bench): LogoLab, VTracer, Potrace and StarVector on 100 held-out SVG-Bench emoji, scored against the authored SVG (colour error, edge error, nodes, kinks) next to DINO, LPIPS and SSIM; why pixel scores can't judge an SVG, with the cases where each tool loses

## Privacy

Everything runs locally in the browser (the tracer runs in a Web Worker). Images are never uploaded. The app works offline once loaded (PWA).

## For coding agents

The same vectorizer and icon exporter is published to npm as an MCP server, `logolab`:

    claude mcp add logolab -- npx -y logolab

Tools: make_app_icons (trace + a full PWA, Tauri, Android or iOS icon set in one call), trace_icon, inspect_icon, export_icons, split_icon_sheet. Runs on your machine over stdio; nothing is uploaded.

## Links

- Source code: https://github.com/Blaxzter/LogoLab
- npm package (MCP server): https://www.npmjs.com/package/logolab
- Issues: https://github.com/Blaxzter/LogoLab/issues