Embed SVG Conversion on Your Site

One line of code. Self-contained Web Component with drag & drop, dark mode, and multi-language support. No React/Vue required.

Get API Key — Free View Code

Live Preview

This is how the widget looks embedded on a page. Try uploading an image!

Light Theme

Drop image here or click to upload

PNG, JPG, WEBP — max 10MB

Dark Theme

Drop image here or click to upload

PNG, JPG, WEBP — max 10MB

Integration Code

Basic Setup (2 lines)

<script src="https://vectosolve.com/widget.js"></script>
<vectosolve-uploader api-key="YOUR_API_KEY" theme="light"></vectosolve-uploader>

Customized

<vectosolve-uploader
  api-key="YOUR_API_KEY"
  theme="dark"
  accent-color="#1cb721"
  language="en"
></vectosolve-uploader>

Listen for Events

document.querySelector('vectosolve-uploader')
  .addEventListener('vs:convert', (e) => {
    console.log('SVG URL:', e.detail.svgUrl)
    console.log('SVG content:', e.detail.svgContent)
  })

Attributes & Events

Attributes

api-key

Your VectoSolve API key (required)

theme

"light" or "dark" (default: light)

accent-color

Button color hex (default: #0090ff)

language

"en", "fr", "es", "de", "pt", "it" (default: en)

Events

vs:convert

Fired when conversion completes

detail: { svgUrl, svgContent }

vs:download

Fired when user downloads SVG

vs:error

Fired on error

detail: { message }

Widget Pricing

Uses the same API credits. Choose a plan that fits your volume.

Starter

$49/mo

200/month

1 domain

Popular

Business

$99/mo

1,000/month

5 domains

Enterprise

$299/mo

10,000/month

Whitelabel

Add vectorization to your site in 60 seconds

Get your API key, paste the snippet, done. Every conversion earns you a “Powered by VectoSolve” backlink.

Get Free API Key