LogoLab MCP server

🔬 LogoLab

Drop in a logo → preview it in real-world contexts → clean it up, vectorize it, and export a production-ready icon set.

100% in your browser. No uploads, no backend, no sign-up.

▶ Try it live · GitHub repo · Report an issue

You just generated an app icon / logo with Midjourney, Gemini, DAL·E, or your favourite vector tool — but does it actually work? Is it legible at 16px? Does that white line-art mark disappear on a light nav bar? How does it look as an iOS app icon, or cropped into a circular avatar?

LogoLab answers all of that in one place, then helps you ship the asset: remove the junk background, trace it to a clean SVG, and export every favicon / PWA icon you need.

No logo handy? Hit Try an example logo in the sidebar to load one of the built-in

samples and play with every tool right away. The Icon sheet tab has its own examples —

real image-model output, so you can try the splitter without generating a sheet first.

✨ Features

🖼️ Preview in real contexts

See your logo composited into real device screenshots (drag it into any app slot), plus a desktop website nav, browser tabs & favicons, an app splash screen, an App Store listing, a circular social avatar, and a size-&-contrast matrix (16 → 128px on light and dark).

radius, shadow). The classic "my logo vanishes on white" fix.

• Background card — give a white / line-art logo a colored backplate (color, shape,

one-click invert.

• Recolor (tint) — repaint a monochrome mark in any brand color via its alpha, plus

• Light / dark context toggle and a custom page background.
• 🎯 Live favicon — the logo you're working on becomes this tab's favicon in real time.

🧽 Cleanup — background remover

A magic-wand / flood-fill eraser plus hand brushes and an AI cutout for AI-generated icons that ship with a baked background.

a Hugging Face segmentation model (briaai/RMBG-1.4) that runs entirely in your browser and handles tricky backgrounds and the enclosed holes the corner flood can't reach. The model (~tens of MB) downloads on first use, then is cached & offline — nothing is ever uploaded.

• One-click removers: Auto-remove (floods the four corners) and 🤖 AI auto-remove —

everywhere), and Erase / Restore brushes — drag to rub out leftovers by hand or paint the original back where you went too far, with an adjustable brush size.

• Manual tools: Magic (flood-fill a connected region), By color (key out one color

(incl. Ctrl/⌘+Z · Ctrl/⌘+Shift+Z) and reset.

• Tolerance + edge-softness (anti-aliased cuts) + defringe, full undo / redo

white / light line-art logos stay visible while you work.

• Flip background toggles the canvas between a light and dark transparency checkerboard, so

• Apply feeds the clean transparent PNG straight into preview, vectorize, and export.

✏️ Vectorize — a small in-browser vector studio

A structure-first tracer that segments the image by smoothness, fits a paint model (flat, gradient or layered glow) to each region, then traces clean curves — or, for line art, traces the middle of every line as a real stroke — plus a full node editor, all client-side. The research behind each stage is in 🔬 Algorithms & papers below.

Shortened. The full README is on GitHub.