सामग्री पर जाएं
SVG Nexus / EXPLAINER साइन-अप की आवश्यकता नहीं | 100% ब्राउज़र में प्रोसेसिंग

SVG क्या है?

SVG का पूरा नाम स्केलेबल वेक्टर ग्राफिक्स है: आइकन, लोगो और चित्रण के लिए ब्राउज़र-नेटिव XML, जो हर साइज़ पर तेज़ रहता है और एक एट्रिब्यूट से रंग बदलता है.

एक मिनट में SVG

SVG फ़ाइल सादा टेक्स्ट है. इसे ब्राउज़र, टेक्स्ट-एडिटर या डिज़ाइन टूल में खोलें, HTML की तरह पढ़ें और रंग, साइज़ व आकार बिना गुणवत्ता हारे बदलें. इसीलिए इंटरफ़ेस, लोगो और बटन वेक्टर में आते हैं.

SVG Nexus ओपन-सोर्स SVG आइकन लाइब्रेरी और चित्रण कैटलॉग करता है ताकि आप React, Vue, HTML, CSS या अपने डिज़ाइन टूल में प्रोडक्शन-रेडी कोड कॉपी कर सकें. कोई अकाउंट नहीं, कोई अपलोड नहीं.

हमेशा स्केल होता है

पथ गणित हैं, पिक्सेल नहीं: वही फ़ाइल 16px फैविकन, रेटिना लोगो या 4K स्लाइड ग्राफिक में तेज़ रहती है.

एक एट्रिब्यूट में रंग बदला

fill या stroke एक बार बदलें और पूरा चिह्न साथ बदल जाता है. CSS की keyframes और hover बिना JavaScript के काम करते हैं.

टेक्स्ट छोटा रहता है

आइकन किलोबाइट में दबते हैं, gzip वाले हर सर्वर से असरदारी से सर्व होते हैं और सर्च इंजन व स्क्रीन रीडर के लिए पढ़ने योग्य रहते हैं.

किसी भी स्टैक के लिए SVG कोड कॉपी करें

सभी उपकरण देखें

हर कैटलॉग पेज और हर SVG अपलोड ब्राउज़र-टूल में खुलता है जो आपके फ़्रेमवर्क के लिए वेक्टर कोड फिर से लिखता है: JSX, Vue, Svelte, CSS, data URI और PNG एक्सपोर्ट व स्प्राइट.

इंटरैक्टिव SVG वेक्टर एडिटर

रंग, स्ट्रोक चौड़ाई, viewBox, ट्रांसफ़ॉर्म, पैडिंग, बैकग्राउंड और तुरंत SVG/PNG एक्सपोर्ट के लिए बिना लेटेंसी वाला ब्राउज़र वेक्टर एडिटर।

SVG से React JSX, Vue और Svelte कन्वर्टर

रॉ SVG एट्रिब्यूट्स को साफ़ TypeScript React (TSX), Next.js Server Component, Vue 3 <script setup>, Svelte 5, Flutter और Angular कंपोनेंट्स में बदलें।

SVG से हाई-रेस PNG और WebP कन्वर्टर

किसी भी SVG आइकॉन या कस्टम मार्कअप को 64px से 2048px तक के साफ़ PNG या WebP इमेज में रैस्टराइज़ करें — ट्रांसपेरेंसी कंट्रोल के साथ।

SVG से CSS और Data URI कन्वर्टर

SVG मार्कअप को कॉम्पैक्ट, URL-सेफ UTF-8 या Base64 Data URI, CSS background-image नियमों और डायनामिक currentColor CSS mask-image स्निपेट्स में एनकोड करें।

SVG आइकॉन मैट्रिक्स और बैज जनरेटर

कस्टम स्क्वर्कल/हेक्स फ़्रेम, मल्टी-स्टॉप ग्रेडिएंट, स्टेटस बैज और तुरंत फ्रेमवर्क एक्सपोर्ट के साथ SVG आइकॉन का पैरामीट्रिक सिंथेसिस।

SVG ऑप्टिमाइज़र और मिनिफायर

ब्राउज़र में SVG आउटपुट को छोटा करें: संपादक मेटाडेटा, टिप्पणियाँ और बेकार XML हटाएँ, खाली स्पेस घटाएँ, और असली बाइट बचत पहले-बाद देखें।

विषय से SVG आइकन खोजें

सभी श्रेणियां देखें

कैटलॉग आइकनों को विषयों में बाँटता है: परिवहन, वित्त, चिकित्सा, मौसम और छुट्टियाँ. कोई भी विषय खोलें और मिलाने वाले वेक्टर सेकंडों में कॉपी करें.

SVG या PNG?

SVG को आइकन व इंटरफ़ेस ग्राफिक्स के लिए चुनें जिन्हें स्केल व रंग बदलना है; PNG या WebP को फोटो-जैसे विवरण, सोशल-प्रीव्यू या रैस्टर करने वाले प्लेटफ़ॉर्म के लिए एक्सपोर्ट करें. यहाँ के टूल दोनों एक ही स्रोत फ़ाइल से देते हैं.

व्यावसायिक उपयोग हेतु मुफ्त

हर आइकन पंक्ति अपना स्रोत लाइब्रेरी और लाइसेंस साथ लाती है. MIT, ISC और Apache-2.0 पैक व्यावसायिक प्रोडक्ट चलाते हैं; ब्रांड लोगो के अपने नियम हैं, सदैव लाइसेंस-टेबल पर.

लाइसेंस →

ओपन-सोर्स आइकन लाइब्रेरी

Icon libraries →

SVG प्रश्न, उत्तर साथ

क्या SVG, PNG से बेहतर है?

आइकन, लोगो और UI आर्ट के लिए हाँ: SVG स्केल करता है, रंग बदलता है और हल्का है क्योंकि इसमें पिक्सेल नहीं, ड्रॉइंग-निर्देश होते हैं. PNG विस्तृत रास्टर एक्सपोर्ट में अब भी काम आता है.

SVG फ़ाइल कैसे खोलकर संपादित करें?

इसे ब्राउज़र, किसी टेक्स्ट-एडिटर या डिज़ाइन-टूल में ड्रैग करें. SVG Nexus Studio इसे ब्राउज़र में खोलता है ताकि रंग, लेयर व पथ बिना इंस्टॉल बदलें.

क्या मैं आइकन व्यावसायिक रूप से इस्तेमाल कर सकता हूँ?

यहाँ की ओपन-सोर्स लाइब्रेरी MIT, ISC और Apache-2.0 जैसे ऐसे लाइसेंस के साथ आती हैं जो व्यावसायिक उपयोग की अनुमति देते हैं. हर आइकन पेज अपना सटीक लाइसेंस बताता है; ब्रांड लोगो पर अतिरिक्त नियम हैं.

मेरा SVG धुंधला क्यों दिखता है?

धुंधला SVG सामान्यतः जल्दी रैस्टर हो गया या गलत viewport साइज़ में एक्सपोर्ट हुआ. अंतिम रेंडर तक वेक्टर रखें या मूल फ़ाइल से फिर से एक्सपोर्ट करें.

SVG एसेट से शुरू करें

कैटलॉग खोजें, कोई भी एसेट ब्राउज़र-स्टूडियो में खोलें और साफ वेक्टर कोड तैयार करें: आइकन, लोगो, चित्रण और उन्हें रूप देने वाले टूल.

76,166 वेक्टर आइकॉन खोजने के लिए लिखें...

चलें | खोलने के लिए Enter सभी आइकन देखें

तुलना

आइकॉन का स्रोत और लाइसेंस

लाइसेंस व्यावसायिक उपयोग श्रेय बदलाव या रंग
MITअनुमतपैक में सूचनाअनुमत
ISCअनुमतपैक में सूचनाअनुमत
Apache-2.0अनुमतसूचना फ़ाइल के साथ ज़रूरीअनुमत
CC BY 4.0अनुमतक्रेडिट जरूरीअनुमत
CC-BY-SA-4.0अनुमतसमान शर्तों पर बाँटेंसमान शर्तों पर बाँटें
Trademark / Brandकेवल उल्लेख के लिएमालिक के दिशा निर्देशसीमित

आइकन पूर्वावलोकन