SVG Forge

من SVG إلى مكوّن Vue

حوّل أي ملف SVG إلى مكوّن أحادي الملف في Vue 3.

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

المخرجات مكوّن Vue 3 بصيغة script-setup؛ وتُمرَّر السمات إلى عنصر SVG الجذر.

مكوّن Vue 3
تظهر المخرجات هنا

كيف تعمل

  1. 1الصق كود SVG أو أفلت ملف ‎.svg.
  2. 2تغلّفه الأداة في مكوّن Vue 3 مع تمرير السمات.
  3. 3انسخ محتوى ملف ‎.vue إلى مشروعك.

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

الأسئلة الشائعة

Vue 2 أم Vue 3؟

المخرجات موجّهة لمكوّنات Vue 3 بصيغة script-setup، وهي تعمل أيضًا في مشاريع Vue 2.7.

أدوات ذات صلة

من SVG إلى React

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

محسّن SVG

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

من SVG إلى CSS

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