All SVG Tools
Choose a tool to get started
Code Conversion
SVG to Code
View and format SVG source code.
Code to SVG
Render SVG from raw markup.
SVG to JSX
Convert SVG to React JSX component.
SVG to TSX
Convert SVG to React TypeScript component.
SVG to CSS
Convert SVG to CSS background-image.
Base64 to SVG
Decode Base64 data URI back to SVG file.
CSS to SVG
Extract SVG from CSS background-image.
JSX to SVG
Convert React JSX component back to SVG.
TSX to SVG
Convert TypeScript React component back to SVG.
SVG to Data URI
Convert SVG to URL-encoded data URI.
SVG to Vue
Convert SVG to Vue 3 component.
SVG to React Native
Convert SVG to react-native-svg component code.
SVG to Angular
Convert SVG to Angular template + component snippet.
SVG to Svelte
Convert SVG to Svelte component markup.
SVG to Symbol
Convert SVG into reusable sprite symbol markup.
SVG to JSON
Extract SVG metadata and path data as JSON.
React Native to SVG
Extract SVG markup from react-native-svg component code.
Angular to SVG
Extract inline SVG markup from Angular template/component code.
Svelte to SVG
Extract SVG markup from Svelte component code.
Symbol to SVG
Convert SVG symbol markup back to standalone SVG.
JSON to SVG
Generate basic SVG from JSON metadata and path data.
SVG to HTML
Convert SVG markup into ready-to-use HTML snippets.
Image Conversion
SVG to PNG
Rasterize SVG to PNG image.
SVG to JPG
Convert SVG to JPEG format.
SVG to WebP
Convert SVG to modern WebP format.
SVG to GIF
Convert static SVG to GIF.
SVG to BMP
Convert SVG to Bitmap.
SVG to ICO
Convert SVG to favicon ICO.
SVG to TIFF
Convert SVG to TIFF format.
SVG to Image
Convert SVG to PNG, JPG, WebP, and more from one tool.
PNG to SVG
Convert PNG images to scalable SVG vectors.
JPG to SVG
Convert JPG/JPEG images to SVG vectors.
Image to SVG
Vectorize any image (PNG, JPG, GIF, WebP) to SVG.