Turn PNG icons into sharp, lightweight SVGs for your website, app or design system.
⌘V paste · ⌘O open · batch
No image? Try one of these:
Image to vector: see the difference
Left: a compressed JPEG. Right: the clean SVG from Shapesoda. Drag to compare.
JPEG, 170 pxVector
Logo
JPEG, 400 pxVector
Mascot
JPEG, 480 pxVector
Lettering
Icons need to be sharp at 16 px and at 512 px, in light and dark themes, on every screen. A single SVG does that; a folder of PNG sizes doesn't. Shapesoda converts raster icons into compact SVGs with clean geometry, and handles both smooth anti-aliased icons and pixel-art icons with hard edges.
How to convert an icon to SVG
Drop, paste or choose your icon file above. Tracing starts right away — no sign-up needed to see the result.
Check the result in the split view. Adjust colors and detail in the panel on the right, or fix spots with the pencil, fill and remove-shape tools.
Choose SVG in the export menu and download. Converting a whole icon set? Batch mode processes many files at once and returns a ZIP.
Tips for icons
Use the largest size of the icon you have; a 512 px source traces far better than a 32 px one.
Pixel-art icon? Shapesoda detects hard, non-anti-aliased pixel edges automatically; you can also set the image type to Sharp yourself.
Fewer colors means a smaller, simpler SVG — ideal for UI icons.
Lower the node count on the Paths controls for an even lighter file.
Using the SVG
The SVG works directly in HTML and CSS, in Figma and Sketch, and in icon pipelines. Copy it straight to the clipboard with Copy SVG and paste it into your code or design tool.
Everything a clean vector needs
Clean curves
Smooth Bézier curves with only the nodes the shape needs. Easy to edit and cut.
Gradients stay gradients
Color fades become real SVG gradients you can edit.
Connect Shapesoda to Claude, ChatGPT, Cursor or any MCP client.
Edit right in the browser
Recolor, draw, pick colors or remove shapes. No Illustrator needed.
{ }
One API call
Send a JPG or PNG, get an SVG back. Add vectorization to your app.
Frequently asked questions
Can I recolor the icon afterwards?
Yes. Each color is a separate filled shape, so you can change fills in any vector editor or in CSS.
Will it convert emoji or third-party icons?
It converts any image technically, but only use icons you created or have a license to modify.
Can I automate icon conversion?
Yes. The REST API and the MCP server let scripts and AI agents convert icons with the same engine and credits.
What is a credit?
Without a plan, one credit is one downloaded image, in any format. The Personal plan needs no credits on the website; the API plan adds credits every month. Re-downloading the same image — even in another format — is free for 30 days.
Do credits expire?
Not while your API plan is active: unused credits roll over, up to 5 months’ worth. When the plan ends, its credits expire. The free credit for new accounts does not expire.
Do you store my images?
Only when you need it. The editor keeps your image in memory only while you work, and an API request for a single format keeps nothing. When you ask the API for several formats, request storage, or use the MCP server, the image and the results are kept for 24 hours, encrypted with a key that only you receive (anyone with the result link can download it), then deleted automatically. We never use your images to train models. The list of recent images on the start screen lives only in your browser.
Who owns the vector files?
You do. You keep all rights to the images you upload and to the vectors made from them — we claim none. Please upload only images you have the right to use.
Your first download is free
Create an account in seconds. The first vector file is on us.