Note;

📘 What is SVG and How to Use It:

SVG (Scalable Vector Graphics) is a vector image format used to display icons, logos, and illustrations on websites. It can be scaled without losing quality and is supported by all modern web browsers.✅ How to Use:- Copy the SVG code and paste it into your HTML file- Or save the file as `.svg` and use: <img src=”image.svg”>- You can style it using CSS⚠️ Mobile Black Screen Warning:If you try to open an SVG image in your mobile gallery, it may show a black screen. This happens because most mobile phones (especially Android gallery apps) do NOT support SVG format natively. However, SVG works perfectly in mobile browsers and websites.💡 Tips:- Avoid using large base64 images inside SVG- Use vector paths for best performance- Test on desktop and mobile before publishing

Note;

📙 SVG کیا ہے اور اسے کیسے استعمال کریں؟SVG (Scalable Vector Graphics) ایک ویکٹر امیج فارمیٹ ہے جو ویب سائٹس پر آئیکنز، لوگوز اور گرافکس دکھانے کے لیے استعمال ہوتا ہے۔ اس کی خاص بات یہ ہے کہ یہ zoom کرنے پر بھی blur نہیں ہوتا۔✅ استعمال کا طریقہ:- SVG کا کوڈ کاپی کریں اور اپنی HTML فائل میں پیسٹ کریں- یا فائل کو `.svg` فارمیٹ میں محفوظ کریں اور اس طرح استعمال کریں: <img src=”image.svg”>- آپ CSS سے اس کی اسٹائلنگ بھی کر سکتے ہیں⚠️ موبائل میں بلیک اسکرین کا مسئلہ:اگر آپ SVG کو موبائل کی گیلری میں کھولیں گے تو زیادہ امکان ہے کہ آپ کو بلیک اسکرین نظر آئے۔ اس کی وجہ یہ ہے کہ زیادہ تر موبائل گیلری ایپس SVG کو صحیح طریقے سے سپورٹ نہیں کرتیں۔ لیکن SVG ویب براؤزر میں بالکل صحیح کام کرتا ہے۔💡 مفید مشورے:- SVG کے اندر base64 تصاویر شامل نہ کریں- سادہ vector shapes استعمال کریں- استعمال سے پہلے desktop اور mobile دونوں پر ٹیسٹ کریں