EZFreetools|more soon

turn off ads|dark mode

SVG to JSX Converter

Convert SVG to JSX-compatible markup.

clear · copy output

wrap in component

How to Use

Paste SVG markup and click Convert to JSX.
Converts kebab-case attributes (stroke-width, fill-opacity) to camelCase.
Enable "wrap in component" to output a complete React component.

Developer Tools (56)

Formatters & Minifiers (12)

Code to Image JSON Formatter HTML Formatter CSS Formatter JS Formatter SQL Formatter XML Formatter HTML Minifier CSS Minifier JS Minifier JavaScript Obfuscator SVG Optimizer

encode & decode (7)

Base64 Encode/Decode URL Encode/Decode HTML Entity Encoder JWT Decoder JWT Builder Hash Generator UUID Generator

JSON (4)

JSON to Code JSON Tree Viewer JSON Path Finder JSON Schema Generator

Converters (6)

Data Format Converter Pixels to REM Timestamp Converter HTML to JSX Converter SVG to JSX Converter cURL to Code Converter

testing & inspection (13)

Regex Tester REST API Tester HTML Live Preview Code Diff Checker Keyboard Event Viewer CSV Viewer HTML Table Extractor Screen Ruler Screen Resolution Checker User Agent Parser Color Contrast Checker CSS Specificity Calculator CSS Cursors Reference

seo & web (8)

Open Graph Preview SERP Preview Tool Schema Markup Generator Table Generator .htaccess Generator Cron Expression Generator HTTP Status Codes Chmod Calculator

network & validation (6)

IP Address Lookup Subnet Calculator DNS Lookup Tool Credit Card Validator Password Strength Checker IBAN Validator