SVG Tools

Convert SVG to PNG with a see-through background. Pick 1x, 2x, 4x or any size in pixels. Many files at once, and nothing is uploaded.

Convert SVG to JPG with the size, quality and background colour you choose. Many files at once, and everything runs in your browser.

Convert SVG to WebP, a small modern image format that supports see-through backgrounds. Choose size and quality. Free, in your browser.

Convert SVG to AVIF, one of the smallest image formats for the web. Choose size and quality. Free, and your files stay on your device.

Convert SVG to a print-ready PDF. Shapes stay sharp vector lines, with A4, A3, Letter or exact size pages. Files never leave your device.

Convert SVG to an ICO file with many sizes inside (16, 32, 48, 64 and more). Or get a full favicon pack as a ZIP. Free and private.

Trace a PNG or JPG into a sharp SVG vector. Pick colours, detail and smoothing, and see the result at once. Your picture is never uploaded.

Turn SVG code into a CSS background-image data URI or a Base64 string. URL-encoded output is smaller than Base64. Copy ready CSS, HTML or a mask.

Turn SVG code into a clean React, Vue or Svelte component with size and colour props. TypeScript option included. Free online SVGR alternative.

Convert SVG shapes into HTML Canvas JavaScript code. Paths, circles, rectangles, gradients, strokes and transforms become ctx drawing commands.

Convert SVG code into a JSON tree of elements and attributes. Great for animating or changing SVG with code. Free SVG to JSON parser.

Make SVG files smaller. Removes comments, editor data and hidden junk, rounds numbers and shortens paths and colours. Free SVGO style optimizer.

Check an SVG for scripts, event handlers and bad links before you upload or show it. Get a plain report and a cleaned copy. Free SVG sanitizer.

Fit SVG icons of any size into a standard 24 x 24 box, centred, with the same padding. Paste many icons at once. Free icon set cleaner.

Turn text into SVG paths so it looks the same on every device, with no font needed. Use a built-in font, upload your own, or pick an installed one.

Make a sharp SVG QR code for a link, text, Wi-Fi, UPI payment, WhatsApp, contact card or location. Pick colours and dot style. Free, no sign up.

Make crisp SVG barcodes: Code 128, EAN-13, UPC-A, EAN-8 and Code 39. Adds the check digit for you. Download as SVG or PNG for free.

Make a donut chart as SVG from your numbers. Pick colours, ring thickness, gaps and centre text. Download SVG or PNG. Free, no sign up.

Make a pie chart as SVG from your numbers. Pick colours, show percent labels and a key. Download SVG or PNG. Free, no sign up.

Make a tiny trend graph from a list of numbers. Smooth, straight or step lines, area fill and bars. Download as a small SVG. Free and instant.

Make a polygon or star in SVG. Slide the sides from 3 to 20, set the inner radius, turn and round the corners. Download SVG or PNG for free.

Make an isometric grid background in SVG for 3D drawings and wireframes. Diamond, triangle or cube grids with lines or dots. Free download.

Make smooth SVG waves for section dividers and backgrounds. Set layers, height, colours and the shape number, then download. Free, no sign up.

Make smooth organic blob shapes in SVG. Set points and how wild the shape is, add a gradient and download. Free, no sign up.

Make a simple logo from your initials in SVG. Pick a shape, a font style and colours, then download. Free logo maker for small brands.

Make a modern SVG favicon that changes colours in dark mode. Start from a letter or your own SVG logo. Get favicon.ico, PNGs and the HTML tags.

Make GitHub README style badges and metric pills in SVG. Pick the words, colours, style and an icon. Copy Markdown or HTML. Free.

Make a horizontal progress bar in SVG with a fill animation, gradient and stripes. Pick the value, label and colours. Free download.

Make a circular progress ring in SVG with a fill animation, gradient and percent in the middle. Free download, no sign up.

Make a half circle gauge in SVG for scores, speed or usage. Fill animation, gradient and a label. Free download, no sign up.

Morph one SVG shape into another. We match the points of both paths and give you SMIL, CSS and JavaScript code. Free, with a live preview.

Add hover animations to an SVG icon: bounce, pulse, shake, rotate, flip, colour change and more. Copy plain CSS and HTML. Free, with a live preview.

Make soft floating bubbles or particles as an animated SVG background. Set count, size, speed and colours. No JavaScript needed. Free.

Convert a simple Lottie JSON animation into one animated SVG with SMIL. No player or library needed. Free, and your file stays on your device.