أيقونات واجهة 16px / 32px
13,229 أيقونة SVG مجانية ومفتوحة المصدر في 18 مجموعة من فئة واجهة 16px / 32px. أكبرها Carbon، Bootstrap Icons وIonIcons. افتح أي مجموعة لتصفح أيقوناتها ومراجعة ترخيصها ونسخ شيفرة SVG أو React أو Vue أو CSS.
مجموعات أيقونات واجهة 16px / 32px (18)
نبذة عن أيقونات واجهة 16px / 32px
رُسمت هذه المجموعات على شبكة 16px أو 32px. تبقى أيقونات 16px واضحة في الواجهات المزدحمة مثل الجداول ومحررات الشيفرة وأشرطة الأدوات، بينما تناسب أيقونات 32px مناطق اللمس الأكبر والرسومات التوضيحية للميزات.
يضم Iconyz 13,229 أيقونة من فئة واجهة 16px / 32px موزعة على 18 مجموعة. أكبرها Carbon، Bootstrap Icons وIonIcons. جميعها أحادية اللون، لذا تأخذ كل أيقونة لون النص المحيط بها (currentColor) ويمكن تغيير لونها باستخدام CSS.
تختلف التراخيص من مجموعة لأخرى: يمكن استخدام 15 مجموعة تجاريًا دون نسب العمل، وتسمح 3 مجموعات بالاستخدام التجاري مع نسب العمل إلى المؤلف. يلخصها الجدول أدناه، وتحتوي صفحة كل مجموعة على رابط لترخيصها الكامل.
تراخيص أيقونات واجهة 16px / 32px
| الترخيص | مجموعات الأيقونات | الاستخدام التجاري | نسب العمل |
|---|---|---|---|
| MIT | 13 | نعم | غير مطلوب |
| CC-BY-4.0 | 3 | نعم | مطلوب |
| Apache-2.0 | 1 | نعم | غير مطلوب |
| BSD-3-Clause | 1 | نعم | غير مطلوب |
هذا ملخص وليس استشارة قانونية. اقرأ دليلنا لتراخيص الأيقونات والترخيص المرفق في صفحة كل مجموعة.
الأسئلة الشائعة حول أيقونات واجهة 16px / 32px
هل أيقونات واجهة 16px / 32px مجانية للاستخدام التجاري؟
معظمها نعم، لكن ذلك يعتمد على المجموعة. تسمح 15 من أصل 18 مجموعة من فئة واجهة 16px / 32px بالاستخدام التجاري دون نسب العمل (MIT, Apache-2.0, BSD-3-Clause). وتسمح 3 مجموعات أخرى بذلك بشرط نسب العمل إلى المؤلف.
أي مجموعة أيقونات واجهة 16px / 32px تضم أكبر عدد من الأيقونات؟
أكبرها Carbon وتضم 2,632 أيقونة. وكلما كبرت المجموعة زادت فرصة أن تجد فيها كل الأيقونات التي تحتاجها، فتبقى واجهتك متناسقة بصريًا.
كيف أستخدم أيقونات واجهة 16px / 32px في React أو Vue أو HTML؟
افتح أي أيقونة وانسخ شيفرتها بصيغة SVG، أو JSX لـ React أو Solid، أو كمكوّن Vue أو Svelte، أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. ويمكنك أيضًا ربط الأيقونة مباشرة من HTML بوسم <img> يشير إلى رابط SVG الخاص بها.
هل يمكنني تغيير لون أيقونات واجهة 16px / 32px؟
نعم، في المجموعات أحادية اللون. تستخدم شيفرة SVG الخاصة بها currentColor، لذا تتبع الأيقونات المضمّنة لون CSS للعنصر الأب. وعند ربط الأيقونة كصورة، أضف ?color=%23RRGGBB إلى رابط SVG. أما الأيقونات متعددة الألوان فتحتفظ بألوانها الأصلية.
فئات أيقونات أخرى
الإيموجي (11) الأعلام والخرائط (12) الشعارات (18) Material (6) البرمجة (11) موضوعية (9) واجهة 24px (65) واجهة متعددة الألوان (12) واجهة بشبكات أخرى أو مختلطة (35) الأرشيف غير المُطوَّر (30) غير مصنفة (16)