material design icons
4.0.0
هاتان مجموعتان مختلفتان من الأيقونات الرسمية من Google، باستخدام نفس التصميمات الأساسية. رموز المواد هي المجموعة الحالية، التي تم تقديمها في أبريل 2022، وهي مبنية على تقنية الخطوط المتغيرة. أيقونات المواد هي المجموعة الكلاسيكية، لكنها لم تعد محدثة. مزيد من التفاصيل أدناه.
يمكن تصفح الرموز بطريقة أكثر سهولة في الاستخدام على https://fonts.google.com/icons. استخدم القائمة المنسدلة بالقرب من أعلى اليسار للاختيار بين المجموعتين؛ رموز المواد هي الافتراضية.
تم تصميم الرموز وفقًا لإرشادات تصميم المواد.
نحن نحب أن ندعم احتياجات الأيقونة الخاصة بك! يرجى تقديم طلبك هنا على GitHub كمشكلة.
يرجى ملاحظة أن Google Fonts لا يقبل إرسالات المستخدم لتصميمات الأيقونات النهائية! توجد إرشادات صارمة إلى حد ما فيما يتعلق بأيقونات المواد، بالإضافة إلى أن Google لديها ملفات مصدر أولية يتم إنشاء هذا الريبو منها. ولذلك، لا تقبل Google طلبات سحب ملفات الأيقونات (سواء كانت اقتراحات أيقونات جديدة، أو إصلاحات للأيقونات الموجودة). يتم تقدير المفاهيم، ولكن لا تصمم ملفات SVG وتقدمها عبر طلب السحب.
ومع ذلك، نرحب تمامًا بالمستخدمين للإشارة إلى الملفات أو الصور الخارجية كأمثلة - لنوع الشيء الذي يريدونه، ولكن لن يتم أخذها "كما هي" فحسب. يعمل هذا بشكل جيد بشكل خاص إذا كان لديك أمثلة متعددة لأيقونة واحدة، لمساعدتنا على فهم "جوهر" الفكرة.
على سبيل المثال، يوجد شعار/أيقونة مفاهيمية عالمية إلى حد ما لـ "agender"، لذا إذا كنت تقترح على Google إضافة رمز Agender في نمط المادة، إما بذكر ذلك أو بالإشارة إلى https://www.google.com/search ?q=ageender+icon ستكون نصيحة مفيدة.
في الوقت الحالي، لا تقوم Google بتضمين شعارات الجهات الخارجية بين رموز المواد أو أيقونات المواد لأسباب قانونية. تمت إزالة بعض شعارات الجهات الخارجية التي تم تضمينها في الماضي.
لا تحتفظ Google حاليًا بحزمة npm لهذا الريبو، بعد الإصدار 3 (2016). ومع ذلك، فإن المستخدم @marella يستضيف ما يلي. يخبرنا أنه يتم تحديثها ونشرها تلقائيًا باستخدام إجراءات GitHub. ملاحظة: لا تقوم Google بمراقبة هذه الحزم أو فحصها.
material-iconsيمكن تصفح هذه الرموز الأحدث بطريقة أكثر سهولة في الاستخدام على https://fonts.google.com/icons. استخدم القائمة المنسدلة بالقرب من أعلى اليسار للاختيار بين المجموعتين؛ رموز المواد هي الافتراضية.
تم إنشاء/تصميم هذه الرموز كخطوط متغيرة أولاً (استنادًا إلى تصميمات 24 بكسل من Material Icons). هناك ثلاثة خطوط متغيرة منفصلة لرموز المواد، والتي تحتوي أيضًا على أيقونات ثابتة متاحة (ولكنها لا تحتوي على جميع الاختلافات المتاحة، حيث قد يكون ذلك مئات الأنماط):
يحتوي كل خط من الخطوط على محاور التصميم هذه، والتي يمكن أن تتنوع في CSS، أو في العديد من تطبيقات التصميم الحديثة:
تحتوي الدلائل التالية في هذا الريبو على محتوى رموز المواد (وليس أيقونات المواد) على وجه التحديد:
ما هو غير متوفر حاليًا في رموز المواد؟
يمكن تصفح الرموز بطريقة أكثر سهولة في الاستخدام على https://fonts.google.com/icons?icon.set=Material+Icons
تتوفر هذه الرموز الكلاسيكية في خمسة أنماط متميزة:
تحتوي الدلائل التالية في هذا الريبو على محتوى أيقونات المواد (وليس رموز المواد) على وجه التحديد:
ما هو غير متوفر حاليا في أيقونات المواد؟
اقرأ دليل المطور حول كيفية استخدام أيقونات تصميم المواد في مشروعك.
تحتوي مجلدات font variablefont على ملفات خطوط تم إنشاؤها مسبقًا والتي يمكن تضمينها في المشروع. وهذا مناسب بشكل خاص للويب؛ ومع ذلك، فمن الأفضل بشكل عام الارتباط بخط الويب المستضاف على Google Fonts:
< link href =" https://fonts.googleapis.com/css2?family=Material+Icons "
rel =" stylesheet " > < link href =" https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined "
rel =" stylesheet " >اقرأ المزيد عن رموز المواد أو أيقونات المواد في دليل مطور Google Fonts.
لقد جعلنا هذه الرموز متاحة لك لدمجها في منتجاتك بموجب ترخيص Apache الإصدار 2.0. لا تتردد في إعادة مزج هذه الرموز والوثائق وإعادة مشاركتها في منتجاتك. نحن نرغب في الإسناد في ما يتعلق بالشاشة في تطبيقك، ولكنه ليس مطلوبًا.
