SVG to code

Paste your SVG and turn it into a CSS background data-URI, a base64 data-URI, or a React/JSX component — with attributes converted to camelCase. See a live preview and copy the result in one click.

Your SVG

Output format

Generated code

Everything runs in your browser. No upload, no sign-up.

How it works

STEP 1

Paste your SVG

Drop in any raw SVG markup. It is parsed right in your browser — nothing leaves your device.

STEP 2

Pick an output

Choose a CSS background data-URI, a base64 data-URI, or a React/JSX component. Attributes are camelCased for you.

STEP 3

Copy or download

Check the live preview, then copy the generated code with one click or download it as a file.