📋 محتويات الصفحة
📖 الوصف
Material Icons هي مجموعة أيقونات رسمية من Google مصممة وفقاً لمبادئ تصميم Material Design. تحتوي على أكثر من 2500 أيقونة متاحة مجاناً عبر Google Fonts. تشمل أربعة أنماط رئيسية: Filled، Outlined، Rounded، و Two-tone. تعتبر Material Icons الخيار الأفضل للتطبيقات التي تتبع نظام تصميم Material Design. ...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات Android و Flutter
تطبيقات Web Material Design
منتجات Google
واجهات Material Design
✨ المميزات
أبرز مميزات هذه الأداة
أكثر من 2500 أيقونة
4 أنماط مختلفة (Filled
Outlined
Rounded
Two-tone)
مجانية تماماً (Apache 2.0)
متوافقة مع Google Fonts
تصميم Material Design رسمي من Google
تحميل سريع عبر CDN
متوافقة مع Angular Material
⚠️ العيوب
نقاط يجب مراعاتها
تعتمد على Google Fonts فقط
قد لا تتطابق مع الأنماط غير Material Design
الحجم كبير عند تحميل جميع الأيقونات
لا يدعم Tree Shaking بشكل مباشر عبر فونتس
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// تثبيت الحزمة
// npm install @mui/icons-material
// أو
// npm install @material-icons/svg-sprite
// باستخدام Material UI
import { Home, Person, Settings, Email } from '@mui/icons-material'
function App() {
return (
<div className="flex gap-4">
<Home fontSize="medium" color="primary" />
<Person fontSize="medium" />
<Settings fontSize="medium" />
<Email fontSize="medium" />
</div>
)
}📚 أدوات أخرى في Icons
قد يعجبك أيضاً
Bootstrap Icons
⭐مجموعة أيقونات مفتوحة المصدر
Devicons
مجموعة أيقونات التقنيات والبرمجة
Feather Icons
مجموعة أيقونات بسيطة
Font Awesome
⭐مجموعة أيقونات شاملة
Heroicons
⭐مجموعة أيقونات مفتوحة المصدر
Iconify
⭐مجموعة أيقونات متعددة الأطر