SVG आइकन स्प्राइट बनाने का टूल

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

आपके डिवाइस पर · खाते की ज़रूरत नहीं

SVG आइकन स्प्राइट बनाने का टूल आपके इनपुट को इसी ब्राउज़र में प्रोसेस करता है. इनपुट और परिणाम एनालिटिक्स में शामिल नहीं होते. हाल में इस्तेमाल किए गए टूल की सूची में टूल के नाम, इस्तेमाल की संख्या और पिछली बार खोलने का समय सहेजा जाता है. सहेजे गए टूल की सूची में सिर्फ़ उनके नाम रहते हैं. ड्राफ़्ट सहेजना वैकल्पिक है और ड्राफ़्ट इसी डिवाइस पर रहता है; सहेजा हुआ टेक्स्ट ड्राफ़्ट के नियंत्रणों से मिटाएँ. URL से टेक्स्ट लोड करना वैकल्पिक है और ऐसा करने पर उस सर्वर से संपर्क होता है; सर्वर को उसका URL और आपका IP पता दिखाई देते हैं. वैकल्पिक “इसमें इस्तेमाल करें” कार्रवाई से अगले टूल को देने वाला डेटा इसी टैब में रहता है. अगला टूल खुलते ही उसे हटा देता है और एक मिनट से अधिक बीतने पर उसे इस्तेमाल नहीं करता.

“लिंक कॉपी करें” में साझा करने के लिए चुने गए इनपुट लिंक के पते में शामिल होते हैं. उस लिंक से कोई भी उन्हें फिर खोल सकता है. फ़ाइलें और बनाए गए परिणाम शामिल नहीं होते. पासवर्ड और कुंजी वाले टूल सिर्फ़ सेटिंग साझा करते हैं.

आपका नतीजा

Enter your values.

और
कीबोर्ड शॉर्टकट

लिंक और रीसेट के बारे में

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

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

SVG आइकन स्प्राइट कैसे बनाएँ

अपने SVG दस्तावेज़ों के बीच तीन हाइफ़न वाली एक लाइन रखें. हर आइकन icon-1, icon-2 आदि नाम के सिंबल में बदलता है. अंदर की ID और स्थानीय रेफ़रेंस में प्रीफ़िक्स जोड़े जाते हैं, ताकि ग्रेडिएंट और क्लिप पाथ आपस में न टकराएँ.

अगला: फोटो से रंग चुनें

उदाहरण

दो इनपुट SVG से icon-1 और icon-2 नाम के सिंबल बनते हैं. पहला आइकन दिखाने के लिए #icon-1 की ओर इशारा करने वाला SVG use एलिमेंट इस्तेमाल करें.

नतीजे का इस्तेमाल करने से पहले

केवल ऐसे SVG समर्थित हैं जिनकी सारी सामग्री फ़ाइल में ही हो और जिनमें viewBox या संख्यात्मक चौड़ाई व ऊँचाई हो. सक्रिय सामग्री, स्टाइलशीट और बाहरी संसाधन अस्वीकार होते हैं. तैयार स्प्राइट को उसी ऐप्लिकेशन में जाँचें जहाँ उसे इस्तेमाल करना है.

अगला: फोटो का साइज बदलें

इस पेज का संदर्भ दें

ToolOctopus. “SVG आइकन स्प्राइट बनाने का टूल.” अपडेट किया गया 7 अक्टूबर 2026. https://tooloctopus.com/hi/svg-आइकन-स्प्राइट-बनाने-का-टूल.

अगर आपके निर्देशों में ज़रूरी हो, तो पेज देखने की तारीख भी जोड़ें.

संदर्भों का प्रारूप बनाने के लिए Frank Bennett की citeproc-js लाइब्रेरी और Citation Style Language की शैलियों का इस्तेमाल होता है. लाइसेंस और सोर्स कोड.

टूल खोजें

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.