Design Extraction API
SVG API
GET /v1/svg1 credit/callEvery SVG on a page, ready to paste
The SVG extraction API: every inline SVG as paste-ready code and every .svg file as a URL - icons, logos and vectors in one call.
Inline + file
both SVG sources
Paste-ready
code comes back whole
1 credit
cheapest endpoint
One call
The API is the demo
One authenticated GET against any live URL. Typed JSON back.
Terminal
GET /v1/svg$
⠿ fetching stripe.com…
{
"svgs": [
{"type": "inline", "code": "<svg viewBox=…>…</svg>" },
{"type": "inline", "code": "<svg …>…</svg>" },
{"type": "file", "url": "https://…/logo.svg" }, …
], "count":154
}
200 OK · 0.6s · 1 credit
154 SVGs · inline code + files
inline · paste-ready codelogo.svg · file URL
Real output
What it actually returns
A real response for stripe.com, captured from the live API - not a mock.
Inline SVGs (showing 13 of 150)
Rendered from the extracted code as paste-ready SVG - not screenshots.
Agent-ready
Your agent can call this
“Grab the icon set from stripe.com and drop the SVGs into my components folder.”
Any other MCP client? Full guide
Use cases
What you can build
Icon recovery
Grab an entire icon set from a reference site.
Logo extraction
Pull clean vector logos ready for Figma or React.
Asset migration
Recover every vector from a legacy site during a redesign.
FAQ
Before you integrate
Do I get the SVG code or just links?
Both - inline SVGs come back as ready-to-paste code, and external .svg files come back as URLs.
What does it cost?
SVG extraction is 1 credit per call - the cheapest endpoint. Cached and failed calls are free.
Do I need a credit card to try it?
No. A free key includes 300 credits a month, which covers 300 SVG extractions - and the playground needs no signup at all.
More about the SVG Extraction API
Get every SVG from any website
The MiroMiro SVG Extraction API returns every vector on a page in one call: inline <svg> elements come back as ready-to-paste code, and external .svg files come back as resolved URLs. Icons, logos, and illustrations - all of them, tagged by source.
Recover a whole icon set in seconds
Point it at a reference site and pull the entire icon system, grab a clean vector logo ready for Figma or React, or recover every SVG from a legacy site during a redesign. Because inline SVGs return as code, you can drop them straight into a component without re-drawing anything.
Get your free API key
300 free credits every month, no credit card. One key unlocks every endpoint - brand, tokens, images, SVGs, fonts, and Lottie. Upgrade only when you outgrow the free tier.