يمكننا استخدام SVG في CSS عبر معرّف بيانات URI ، ولكن بدون ترميز يعمل فقط في المتصفحات القائمة على Webkit. إذا تم ترميز SVG باستخدامه encodeURIComponent()، فسيعمل في كل مكان.
يجب أن يحتوي SVG على سمة xmlns مثل هذا xmlns='http: //www.w3.org/2000/svg':. إذا لم يكن موجودًا ، فسيتم إضافته تلقائيًا.
يمكن استخدام SVG المشفر في background، أو في border-image، أو في قناع ( عرض توضيحي مباشر ).
أدخل SVG:
SVG المشفر:
يمكنك وضع SVG المشفر هنا لفك تشفيره مرة أخرى