SVG to Code

Production-oriented SVG workspace: React/Vue components, data URLs, responsive & currentColor presets, minify, and document stats before you ship.

Import

SVG only — processed locally in your browser.

Choose SVGor drag and drop

Live canvas — switch to Code to edit markup.

Ctrl/⌘+Enterto copy

Nothing here yet

Import an SVG or open the Code tab.

Copy and download use the format you pick.

Responsive rootCSS controls size; viewBox kept.Themeable (currentColor)Solid fills become currentColor.Compact markupStrip noise from output.

Fill, stroke, layout, and preview backdrop.

FillAll shapes

StrokeAll shapes

Force stroke on paths

Stroke width (1px)

Leave empty for natural dimensions.

Width

Height

Rotation0°

Opacity100%

Visual only — not included in export.