SVG ⇄ Code Converter

Live Demo

This application allows you to convert SVG files to HTML code and vice versa. It provides a user-friendly interface to upload SVG files, edit their properties, and preview the results in real-time.

Features

• Drag and Drop: Easily upload SVG files by dragging them into the designated area.
• Code Editor: Paste SVG code directly into the editor for conversion.
• SVG Controls: Adjust fill color, stroke color, stroke width, size, rotation, and opacity of the SVG elements.
• Real-time Preview: View changes instantly in the preview section.
• Download and Copy: Download the modified SVG or copy the code to the clipboard.

Usage

1. Upload SVG: Drag and drop an SVG file into the drop zone or use the “Choose File” button.
2. Edit SVG: Use the controls to modify the SVG’s appearance.
3. Preview Changes: See the updated SVG in the preview section.
4. Download or Copy: Click “Download SVG” to save the file or “Copy code” to copy the SVG code to your clipboard.

Installation

To run this application locally, simply clone the repository and open the svgtocode.html file in your web browser.