SVG Code Tools
Tools for people who work with SVG code. Make files smaller, look inside them, find unsafe code, fit icons into a 24 x 24 box, change text into paths, and turn SVG into components or code for your app.
- Free to use
- No sign up
- Works in your browser
SVG to Base64 & Data URI Converter
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.
SVG to React, Vue & Svelte Converter
Turn SVG code into a clean React, Vue or Svelte component with size and colour props. TypeScript option included. Free online SVGR alternative.
SVG to Canvas Code Converter
Convert SVG shapes into HTML Canvas JavaScript code. Paths, circles, rectangles, gradients, strokes and transforms become ctx drawing commands.
SVG to JSON Converter
Convert SVG code into a JSON tree of elements and attributes. Great for animating or changing SVG with code. Free SVG to JSON parser.
SVG Optimizer & Minifier
Make SVG files smaller. Removes comments, editor data and hidden junk, rounds numbers and shortens paths and colours. Free SVGO style optimizer.
SVG Security Scanner
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.
SVG Icon Resizer & Normalizer
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.
SVG Text to Path Converter
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.
No tool matches “”
Try a shorter word, or look in the other groups.
Keep exploring