SVG आइकन क्या है?
SVG (स्केलेबल वेक्टर ग्राफ़िक्स) आइकन एक प्रकार की डिजिटल छवि है जो एक छवि बनाने के लिए पिक्सेल के बजाय आकृतियों और पथों का वर्णन करने के लिए गणितीय समीकरणों का उपयोग करती है। यह उन्हें रिज़ॉल्यूशन-स्वतंत्र बनाता है, जिसका अर्थ है कि गुणवत्ता खोए बिना उन्हें किसी भी आकार में बढ़ाया जा सकता है। वे आमतौर पर लोगो, आइकन और चित्रों के लिए वेब डिज़ाइन में उपयोग किए जाते हैं क्योंकि उनके छोटे फ़ाइल आकार, मापनीयता और अभिगम्यता लाभ होते हैं।
एसवीजी आइकन का उपयोग क्या है ?
एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) आइकन के कई लाभ और उपयोग हैं, जिनमें शामिल हैं:
Scalability: SVG चिह्नों को गुणवत्ता खोए बिना किसी भी आकार में बढ़ाया जा सकता है, जिससे वे उत्तरदायी वेब डिज़ाइन में उपयोग के लिए आदर्श बन जाते हैं।
छोटे फ़ाइल आकार: एसवीजी आइकन आमतौर पर रेखापुंज छवियों की तुलना में फ़ाइल आकार में छोटे होते हैं, जिससे वे लोड करने में तेज़ होते हैं और वेबसाइट के प्रदर्शन में सुधार होता है।
बेहतर पहुंच: एसवीजी आइकनों को आसानी से स्टाइल और अनुकूलित किया जा सकता है, और उपयुक्त कोड और टैग का उपयोग करके विकलांग उपयोगकर्ताओं के लिए भी सुलभ बनाया जा सकता है।
Interactivity: एसवीजी आइकनों को जावास्क्रिप्ट का उपयोग करके इंटरैक्टिव बनाया जा सकता है, जिससे वे एनिमेटेड हो सकते हैं या उपयोगकर्ता इंटरैक्शन का जवाब दे सकते हैं।
Consistent look and feel: एसवीजी आइकनों को आसानी से पुन: उपयोग किया जा सकता है और कई पृष्ठों पर साझा किया जा सकता है, जिससे वेबसाइट या एप्लिकेशन के लिए एक सुसंगत रूप और अनुभव सुनिश्चित होता है।
कुल मिलाकर, एसवीजी चिह्न विभिन्न उद्देश्यों के लिए वेब डिज़ाइन में व्यापक रूप से उपयोग किए जाते हैं, और चिह्नों और लोगो के लिए रेखापुंज छवियों पर कई लाभ प्रदान करते हैं।
एसवीजी आइकन का उपयोग कैसे करें?
एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) आइकन एचटीएमएल में निम्नलिखित तरीकों से इस्तेमाल किए जा सकते हैं:
एसवीजी फ़ाइल पथ पर सेट स्रोत के साथ <img> टैग का उपयोग करना।
HTML फ़ाइल में इनलाइन SVG कोड का उपयोग करना।
एसवीजी फ़ाइल पथ पर डेटा सेट के साथ <object> टैग का उपयोग करना।
Background छवि के रूप में एक SVG फ़ाइल प्रदर्शित करने के लिए CSS का उपयोग करना।
एसवीजी आइकन का उदाहरण.
यहाँ SVG आइकन का एक उदाहरण दिया गया है:
यह नीले रंग (#1e90ff) के साथ एक त्रिकोण आकार बनाता है। व्यूबॉक्स विशेषता आइकन के लिए समन्वय प्रणाली को परिभाषित करती है, और चौड़ाई और ऊंचाई विशेषता आइकन का आकार निर्धारित करती है। <path> तत्व पथ डेटा का उपयोग करके आइकन के आकार को परिभाषित करता है।
यह भी पढ़ें - Free SVG Icons Code
निष्कर्ष- तो, यहाँ SVG आइकन का उदाहरण दिया गया है। मुझे आशा है कि आपको यह पोस्ट पसंद आई होगी। इसे अपने दोस्तों के साथ साझा करें। धन्यवाद।