SVG to Code

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

Source

Drop a file here or open the Code column to paste.

Choose SVG fileDrag & drop, or click — all in your browser.

Fill

Stroke

Force stroke on paths

Stroke width (1px)

Preview updates with the options below. Copy and download use this format.

Responsive rootLet CSS control size; keep viewBox.Themeable iconSolid fills → currentColor.Compact markupStrip comments and extra spaces.

Live preview and raw markup.

Ctrl / Cmd+Enterto copy

Nothing to show yet

Upload a file or paste code in the Code tab.

Width, height, rotation, and opacity apply to the SVG root. Backdrop only affects the preview in the middle column.

Leave blank to keep the file's natural size.

Width

Height

0°

100%

Not included in export.

Custom