SVG إلى مكون React

اضبط fill أو stroke على currentColor في SVG، ثم غيّر color في CSS على العنصر الأب أو مرّر خاصية color.

تصبح الأسماء ذات الشرطات camelCase، مثل stroke-width إلى strokeWidth، ويصبح class هو className. تطبق الأداة هذه لك.

يقبل المكوّن props، فمرّر العرض والارتفاع، أو دعه يستخدم 1em ليرث حجم النص المحيط.

نعم. استخدام SVG إلى مكون React على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.