انتقل إلى المحتوى
SVG Nexus أيقونات متجهة وثلاثية الأبعاد
duotone CC-BY-SA-4.0 12 عقدة متجهة
Yarn - OpenMoji iconFree Yarn vector icon from the OpenMoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px ثابتة
1. اللون

يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.

2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة مضمّنة في تصدير SVG
التحرير في محرر SVG افتح استوديو المتجهات
OpenMoji | التواصل الاجتماعي | viewBox="0 0 72 72" | مجاني للاستخدام التجاري

Yarn - أيقونات متجهة وثلاثية الأبعاد

المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Yarn - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً. openmoji-yarn.svg (2,579 B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية 
<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Yarn icon"><title>Yarn - OpenMoji icon</title><desc>Free Yarn vector icon from the OpenMoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
  <g id="nx59984_color">
    <circle cx="30.8061" cy="34.8221" r="22.2237" fill="#f4aa41"/>
    <path fill="#e27022" d="M43.2943,15.8254C37.055,18.5041,31.2826,23.86,31.2826,33.4714s2.7688,16.8558,11.31,19.955c5.712-4.986,11.01-8.8868,11.01-18.4984S47.09,18.8793,43.2943,15.8254Z"/>
  </g>
  <g id="nx59984_line">
    <circle cx="30.8061" cy="34.8221" r="22.2237" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M43.92,17.0156a22.124,22.124,0,0,1-13.1141,4.28,22.1238,22.1238,0,0,1-13.1232-4.2865"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M46.7354,19.6607c-3.3016,4.46-9.726,8.3615-15.9293,8.3615a21.241,21.241,0,0,1-16.21-8.2991"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.1487,22.6555C46.3245,29.142,38.6345,34.7491,30.8061,34.7491A21.24,21.24,0,0,1,12.3428,23.0609"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M51.2308,26.4248c-2.6184,8.1809-11.28,15.0511-20.4247,15.0511a22.361,22.361,0,0,1-20.5554-14.815"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M52.559,30.5513A22.2316,22.2316,0,0,1,30.8061,48.2027,22.6412,22.6412,0,0,1,8.8738,31.2144"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45.1424,51.971c1.3165.9452,3.7331,3.6351,6.6276,3.6753s5.5935-3.1506,7.0575-2.3287c2.6065,1.4632,3.7516,3.7282,6.6919,3.7746"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M37.8184,55.8438A22.7078,22.7078,0,0,1,23.7208,34.8221,22.2316,22.2316,0,0,1,37.8392,14.1228"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M41.5632,15.8254A22.2229,22.2229,0,0,0,30.3879,34.8221,21.8953,21.8953,0,0,0,41.66,53.9286"/>
    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M44.5777,17.8248A22.926,22.926,0,0,0,37.055,34.8221c0,6.904,2.8854,13.414,8.0874,17.1489"/>
  </g>
</svg>
أمر ذكي ومحسّن المتجهات

تريد تحسين هذه الأيقونة أو تغيير نمطها؟ Yarn

أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. Yarn

افتح في أداة توليد الأيقونات
منشئ أوامر يعمل بالكامل في المتصفح
Yarn Free SVG Vector Icon - OpenMoji (CC-BY-SA-4.0)
التحقق من مصدر الأيقونة ورخصتها LICENSE.txt

Library: OpenMoji | Author: OpenMoji Project | License: CC-BY-SA-4.0 | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

كلمات مفتاحية
#openmoji #yarn #social #duotone #yarn svg #yarn icon #yarn openmoji #yarn react tsx #yarn vue #yarn png
شائع بلغتك
تحميل أيقونات svg مجانا أيقونات متجهة مجانية محول svg إلى png محرر أيقونات svg أونلاين أيقونات ثلاثية الأبعاد 3d تصدير كود react و vue ضغط ملفات svg أيقونات للاستخدام التجاري مكتبة أيقونات SVG أفضل حزمة أيقونات مجانية

Yarn - المواصفات التقنية للمتجه

المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. Yarn

المعرّف الأساسي للأصل openmoji/openmoji-yarn
حزمة المكتبة المصدر OpenMoji
شبكة الإحداثيات و viewBox viewBox="0 0 72 72"
الحجم غير المضغوط 2,579 bytes (~1,418 bytes gzipped)
رخصة SPDX والاستخدام التجاري CC-BY-SA-4.0 - مجاني للاستخدام التجاري
صيغ التصدير المدعومة SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
ضمان الأمان والخصوصية بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح

كيف تستخدم هذه الأيقونة وتخصصها: Yarn

  1. خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (0.5px-4px), إعدادات حركة متجهة مباشرة
  2. نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (2048x2048 px)
  3. انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
  4. تحرير متجه عميق: التحرير في محرر SVG (76,166)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار. openmoji-yarn.svg aria-hidden="true" focusable="false"

المزيد في التواصل الاجتماعي

تصفح

استكشف المزيد

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

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

هل أيقونة Yarn مجانية للاستخدام التجاري؟ +

نعم، أيقونة Yarn من مكتبة OpenMoji متاحة بترخيص CC-BY-SA-4.0، ويمكنك استخدامها مجاناً في المواقع والتطبيقات والمشاريع التجارية.

هل تحافظ أيقونة Yarn على ألوانها الأصلية عند التحميل؟ +

نعم، عند تحميل أيقونة Yarn يتم الحفاظ على ألوانها الأصلية تماماً إلا إذا قمت باختيار لون مخصص من المحرر المباشر.

كيف أستخدم أيقونة Yarn في مشاريع React أو Vue؟ +

انتقل إلى تبويب React TSX أو Vue 3 في هذه الصفحة وانقر على Copy SVG. الصق المكوّن في مشروعك ونسّقه بـ CSS أو Tailwind.

هل يمكن تحميل أيقونة Yarn كصورة PNG شفافة؟ +

نعم، اختر المقاس المطلوب حتى 1024 بكسل واضغط على زر تحميل PNG للحصول على صورة شفافة عالية الدقة.

كيف أحرك أيقونة Yarn باستخدام CSS؟ +

اضغط على أي زر حركة في المحرر المباشر مثل دوران أو نبض ليتم تضمين كود الحركة تلقائياً داخل ملف SVG.

كيف أحصل على أمر ذكاء اصطناعي لتصميم أيقونة مشابهة لـ Yarn؟ +

استخدم قسم مولد أوامر الذكاء الاصطناعي في هذه الصفحة لنسخ وصف دقيق لأيقونة Yarn بأنماط ثلاثية الأبعاد أو زجاجية.

هل يمكنني تغيير حجم أيقونة Yarn دون فقدان الجودة؟ +

نعم. ملف Yarn متجه بـ viewBox قابل للتوسيع، لذا يبقى واضحاً عند 16 أو 64 أو 512 بكسل أو أي مقاس طباعة.

أين أبلّغ عن مشكلة في ملف أيقونة Yarn؟ +

راسل support@svgnexus.com مع رابط الأيقونة. وأسئلة الرخصة أو الإزالة بخصوص Yarn ترسل إلى legal@svgnexus.com.

معالجة محلية 100% داخل المتصفح | 76,166 أيقونة

محرر SVG

حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.

فتح في المحرر استعراض كل الأيقونات (76,166)

اكتب للبحث في 76,166 أيقونة متجهة...

تنقل | Enter للفتح استعراض كل الأيقونات

مقارنة

مصدر الأيقونة ورخصتها

الرخصة الاستخدام التجاري الإسناد التعديل أو تغيير اللون
MITمسموحالإشعار داخل الحزمةمسموح
ISCمسموحالإشعار داخل الحزمةمسموح
Apache-2.0مسموحمطلوب مع ملف الإشعارمسموح
CC BY 4.0مسموحذكر المصدر مطلوبمسموح
CC-BY-SA-4.0مسموحالمشاركة بالمثلالمشاركة بالمثل
Trademark / Brandاستخدام مرجعي فقطإرشادات المالكمقيّد

معاينة الأيقونة