من SVG إلى background-image في CSS

ضمّن أي ملف SVG في ورقة أنماطك بصيغة data URI مُرمَّزة.

أو أفلت ملفًا / الصق الشيفرة أدناه

اسم صنف CSS

قاعدة CSS

تظهر المخرجات هنا

كيف تعمل

مجانًا وبلا تسجيل وبلا علامة مائية — كل شيء يعمل محليًا داخل متصفحك، فلا تغادر ملفاتك جهازك أبدًا.

ملف SVG المرمّز بعناوين URL أصغر ويبقى مقروءًا داخل CSS؛ وbase64 متاح أيضًا إن كنت تفضّله.

للأيقونات الزخرفية الصغيرة والأنماط المتكررة — إذ يوفّر طلب HTTP. أما الرسوم الكبيرة فالأفضل إبقاؤها ملفًا مستقلاً.

من SVG إلى data URI

رمّز SVG لاستخدامه في img src أو url() في CSS أو أي موضع يقبل عنوان URI.

محسّن SVG

تنظيف بمحرّك SVGO: ملفات أصغر والبكسل نفسه. التوفير يظهر فورًا.

من SVG إلى React

الصق ملف SVG لتحصل على مكوّن JSX أو TSX جاهز للاستيراد.