أيقونات Material
51,443 أيقونة SVG مجانية ومفتوحة المصدر في 6 مجموعات من فئة Material. أكبرها Material Symbols Light، Material Symbols وGoogle Material Icons. افتح أي مجموعة لتصفح أيقوناتها ومراجعة ترخيصها ونسخ شيفرة SVG أو React أو Vue أو CSS.
مجموعات أيقونات Material (6)
نبذة عن أيقونات Material
تتبع أيقونات Material إرشادات Material Design من Google: أشكال هندسية على شبكة 24px بأنماط مصمتة ومحددة ومستديرة وحادة تنسجم بشكل طبيعي مع تطبيقات Android ولوحات التحكم وتطبيقات الويب المبنية باستخدام Material UI أو Angular Material.
يضم Iconyz 51,443 أيقونة من فئة Material موزعة على 6 مجموعات. أكبرها Material Symbols Light، Material Symbols وGoogle Material Icons. جميعها أحادية اللون، لذا تأخذ كل أيقونة لون النص المحيط بها (currentColor) ويمكن تغيير لونها باستخدام CSS.
تختلف التراخيص من مجموعة لأخرى: يمكن استخدام 6 مجموعات تجاريًا دون نسب العمل. يلخصها الجدول أدناه، وتحتوي صفحة كل مجموعة على رابط لترخيصها الكامل.
تراخيص أيقونات Material
| الترخيص | مجموعات الأيقونات | الاستخدام التجاري | نسب العمل |
|---|---|---|---|
| Apache-2.0 | 4 | نعم | غير مطلوب |
| MIT | 1 | نعم | غير مطلوب |
| OFL-1.1 | 1 | نعم | غير مطلوب |
هذا ملخص وليس استشارة قانونية. اقرأ دليلنا لتراخيص الأيقونات والترخيص المرفق في صفحة كل مجموعة.
الأسئلة الشائعة حول أيقونات Material
هل أيقونات Material مجانية للاستخدام التجاري؟
معظمها نعم، لكن ذلك يعتمد على المجموعة. تسمح 6 من أصل 6 مجموعات من فئة Material بالاستخدام التجاري دون نسب العمل (Apache-2.0, MIT, OFL-1.1).
أي مجموعة أيقونات Material تضم أكبر عدد من الأيقونات؟
أكبرها Material Symbols Light وتضم 15,802 أيقونة. وكلما كبرت المجموعة زادت فرصة أن تجد فيها كل الأيقونات التي تحتاجها، فتبقى واجهتك متناسقة بصريًا.
كيف أستخدم أيقونات Material في React أو Vue أو HTML؟
افتح أي أيقونة وانسخ شيفرتها بصيغة SVG، أو JSX لـ React أو Solid، أو كمكوّن Vue أو Svelte، أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. ويمكنك أيضًا ربط الأيقونة مباشرة من HTML بوسم <img> يشير إلى رابط SVG الخاص بها.
هل يمكنني تغيير لون أيقونات Material؟
نعم، في المجموعات أحادية اللون. تستخدم شيفرة SVG الخاصة بها currentColor، لذا تتبع الأيقونات المضمّنة لون CSS للعنصر الأب. وعند ربط الأيقونة كصورة، أضف ?color=%23RRGGBB إلى رابط SVG. أما الأيقونات متعددة الألوان فتحتفظ بألوانها الأصلية.
فئات أيقونات أخرى
الإيموجي (11) الأعلام والخرائط (12) الشعارات (18) البرمجة (11) موضوعية (9) واجهة 16px / 32px (18) واجهة 24px (65) واجهة متعددة الألوان (12) واجهة بشبكات أخرى أو مختلطة (35) الأرشيف غير المُطوَّر (30) غير مصنفة (16)