iconPrepare your source
Original exports beat screenshots: a screenshot adds background, glare and compression. For a logo, use the authorized source file; for a downloaded web asset, make sure it is the full-size icon, not a tiny thumbnail.
Icon Vectorizer / Field notes
How to vectorize an image
Vectorizing converts a raster image (PNG, JPG, WebP, GIF or BMP) into editable vector paths you can scale and recolor. You do not need Illustrator: pick a clean source, convert it below, inspect the result, then export SVG, PDF, EPS or DXF.
01 / Convert
Connecting…
Drop your icons or logos here
PNG / JPG / WebP / GIF / BMP · up to 20 MB each
Or try an example
Built-in example conversions use neither your daily free allowance nor purchased credits.
Your images
Free: one image at a time. Credit pack: batches of up to 40.
Your vector, up close
Less pixel. More possibility.
Share a before-and-after
Create a comparison image on your device. You choose whether to save or share it. Copying a link shares this public page, not your artwork.
02 / Check the details How did this one turn out?
Check curves, small details, colors and transparent edges at 400%. Select the issues you see; these are suggestions, not an automatic diagnosis.
- 1. Choose a clean source image with clear outlines and separated colors. Logos and flat icons work best; photos and heavy textures do not.
- 2. Keep enough resolution: at least 256 px for a simple mark, more for lettering and small gaps.
- 3. Remove unwanted backgrounds first. Existing transparency is preserved, but an opaque background is traced as artwork.
- 4. Convert and compare the preview at 100% and 400%: check holes, touching color regions and antialiased edges.
- 5. Export the format you need, then open the SVG in your editor to recolor or adjust the paths.
Inspect before using
Zoom to 400% and check internal holes, touching color regions and semi-transparent edges, then compare on light and dark backgrounds. Complex gradients are estimated from pixels, so they may not match the source file exactly.
Do I need Adobe Illustrator or Inkscape to vectorize an image?
No. Illustrator Image Trace and Inkscape Trace Bitmap are capable desktop options, but this browser converter traces the same kind of color regions and curves without installation or subscription: images stay in your browser, and you can export SVG, PDF, EPS or DXF. Free desktop tools such as Inkscape remain the right choice when you need full manual path editing.
Inspect a real conversion
Flat geometric mark ↗
Compare the outside curve, central gap and antialiased edges. This is a simple generated demonstration asset, not a customer logo.
24 curve segments · 1.2 KB · balanced
Related workflows
PNG icons to editable SVG ↗
Trace a PNG logo or icon into editable, scalable vector paths. Transparency is preserved; the result is real vector geometry, not a PNG inside an SVG.
SVGJPG logos to SVG paths ↗
Convert a JPEG logo into editable vector shapes. This works best for clearly separated colors; JPEG noise and a baked-in background can become extra shapes.
SVGWebP icons to SVG ↗
Turn a raster WebP icon into vector paths for further editing. Both opaque and transparent WebP files are accepted; animated files use their first frame.
SVGGIF artwork to a static SVG ↗
Trace the first frame of a GIF into editable vector artwork. Useful for a static badge or mark stored as GIF; SVG animation is not generated.
SVGBMP symbols to vector SVG ↗
Convert a BMP icon from a legacy asset collection into editable SVG. Clear symbols and flat diagrams are a better fit than scanned photographs.
SVG
A small tool. A useful difference.
Built for the artwork you actually edit.
Bring your icon or logo
Flat colors, clear outlines and a good-sized source work best. Choose images or drag in several at once.
Keep the curves. Lose the clutter.
Color regions become Bézier paths. Circles and rounded shapes use simpler geometry. Gradients stay vector-based.
Make it your own
Download editable paths, fills and gradients. Review the SVG in your vector editor before production.
Small answers. Clear expectations.
Is the SVG really editable?
Yes: paths, fills, gradients and sometimes masks, without embedded bitmaps. Source text becomes shapes, not editable type. Mask support varies by editor.
Will every image look perfect?
No automatic tracer can guarantee perfection. This tool suits icons and logos, not photos. Tiny text, touching shapes, shadows and textures may need manual edits. Try a free preview before buying.
Do you upload my image?
Conversion stays in your browser. We send only an SVG fingerprint to count usage. With your explicit feedback consent, we store the original image, SVG, settings and comments privately for algorithm improvement.
What counts as one credit?
Each successfully approved first conversion of an image uses one credit. Re-downloading an open result and trying another curve style on that same image are free. A newly uploaded image uses a credit. Failed tracing uses no credit. Single images use free credits first; batches use purchased credits.
How do purchased credits work?
Sign in with Google before buying. Purchases and credits stay linked to that Google account. Download results before closing the page; only submitted feedback is stored.