SVG to Code

SVG मार्कअप को HTML / JSX / Vue SFC कोड में परिवर्तित करें

SVG मार्कअप पेस्ट करें और इसे क्लीन HTML, JSX या Vue कोड में कन्वर्ट करें। विशेषता रूपांतरण को स्वचालित रूप से संभालता है (उदा., JSX के लिए class → className)।

आउटपुट मोड

कैसे उपयोग करें

Output mode select करें: HTML, JSX (React), या Vue Template।
Input field में अपने SVG markup को paste करें।
Output box में converted code को read करें, जहां JSX mode class को className rename करता है और kebab-case attributes को camelCase में convert करता है।
Copy button के साथ output को copy करें।
Output के नीचे live SVG preview को verify करें कि graphic correctly दिखता है।

उदाहरण

JSX mode में class="icon" और stroke-width="2" वाली SVG को paste करने से className="icon" और strokeWidth="2" output करता है।
Same input को Vue Template mode में switch करने से class= को :class= से replace करता है जबकि सभी अन्य attributes को unchanged रखता है।

उत्पादन में उपयोग से पहले आउटपुट सत्यापित करें। कोई वारंटी नहीं — देखें शर्तें.