مش كل مشروع محتاج ترسم فيه كل عنصر من البداية فيه مكتبات للأيقونات وصور ورسومات توضيحية تساعدك تكمل الواجهة بشكل متناسق هنا هنتعرف على اختيارات مختلفة مع توضيح مختصر للتراخيص وروابطها
1 - Lucide
مكتبة أيقونات خطية بتناسب القوائم والأزرار ولوحات التحكم تقدر تتحكم في الحجم واللون وسمك الخط وتستخدمها من خلال الحزم المناسبة لمشروعك بدل جمع أيقونات بأساليب مختلفة
ترخيص المكتبة ISC وبعض الأيقونات الموروثة من Feather تحت MIT احتفظ بإشعارات الحقوق والترخيص المطلوبة مع النسخ المستخدمة في مشروعك
2 - Heroicons
مجموعة أيقونات من فريق Tailwind CSS متاحة بأساليب خطية وممتلئة وتقدر تستخدم ملفات SVG مباشرة أو حزم React و Vue من غير ما يكون استخدام Tailwind شرط في المشروع
مناسبة لواجهات الويب اللي محتاجة رموز واضحة وبسيطة المكتبة تحت MIT فاحتفظ بنص الترخيص وإشعار الحقوق المطلوبين عند توزيعها مع مشروعك
3 - Phosphor
مكتبة أيقونات فيها أوزان وأساليب مختلفة لنفس الرمز وده بيساعدك تختار شكل خفيف أو واضح حسب حجم العنصر ومكانه من غير تغيير لغة التصميم بين الشاشات
مفيدة لو تصميمك محتاج مرونة في سمك الأيقونات المكتبة تحت MIT ويفضل تثبت الوزن المستخدم في كل نوع من المكونات علشان النتيجة تبقى متناسقة
4 - Tabler Icons
مجموعة كبيرة من الأيقونات بتتيح تعديل الحجم واللون وسمك الخط واستخدام SVG أو حزم للمشاريع المختلفة هتلاقي فيها رموز مناسبة للإجراءات المعتادة في لوحات التحكم
الأيقونات مفتوحة المصدر تحت MIT وده مختلف عن أي منتجات مدفوعة إضافية معروضة في الموقع اختار المصدر المناسب واحتفظ بإشعار الترخيص مع الملفات
5 - Bootstrap Icons
مكتبة أيقونات مستقلة تقدر تستخدمها سواء مشروعك مبني ب Bootstrap أو من غيره بتوفر ملفات SVG وطرق تانية للإضافة وبتغطي إجراءات زي البحث والتحميل والتنقل والتنبيهات
مناسبة لو عاوز مكتبة واضحة فيها اختيارات كتير لأزرار الواجهة الأيقونات تحت MIT واستخدام اسم Bootstrap هنا مش معناه إنك محتاج تحمل تنسيقات إطار العمل كله
6 - Material Symbols
مجموعة رموز من Google بتتيح التحكم في التعبئة والوزن وبعض الخصائص البصرية وبتفيدك في بناء واجهة لها أسلوب متناسق سواء استخدمتها كخط أيقونات أو بالصيغة المناسبة لمشروعك
متاحة تحت Apache 2.0 راجع متطلبات الترخيص والإشعارات عند التوزيع واختار طريقة تحميل مناسبة لعدد الرموز اللي محتاجه علشان متضيفش ملفات أكبر من احتياج الصفحة
7 - Unsplash
مصدر لصور فوتوغرافية تقدر تستخدمها في أغلفة المقالات ومساحات تقديم المشاريع ابحث عن صورة تخدم الفكرة وسيب مساحة مناسبة للنص لو ناوي تضيف عنوان فوقها
ترخيص المجموعة المجانية بيسمح بالاستخدام التجاري لكنه لا يسمح ببيع الصور من غير تعديل جوهري أو بناء خدمة منافسة منها ومحتوى Unsplash+ له ترخيص منفصل
8 - Pexels
موقع للصور والفيديوهات تقدر تستفيد منه في صفحات التعريف والعروض والمقالات وجود صور وفيديو في نفس المصدر بيساعدك تلاقي مواد متقاربة في الموضوع والأسلوب
الترخيص بيسمح بالاستخدام والتعديل من غير إلزام بذكر المصور لكنه بيمنع استخدامات زي إعادة بيع النسخة الأصلية أو الإيحاء بتأييد الأشخاص والعلامات لمنتجك
9 - unDraw
رسومات توضيحية مناسبة لصفحات التسجيل والحالات الفارغة والتعريف بالخدمات تقدر تختار رسمة قريبة من الفكرة وتعدل اللون الأساسي علشان يتماشى مع هوية المشروع
الترخيص بيسمح بالاستخدام الشخصي والتجاري من غير إلزام بالإسناد لكنه بيمنع إعادة توزيع الرسومات كحزم أو إنشاء خدمة منافسة أو استخدامها لتدريب نماذج AI من غير إذن منفصل
10 - ManyPixels
معرض رسومات توضيحية تقدر تستفيد منه في صفحات الهبوط والمحتوى التعريفي اختار رسومات من أسلوب متقارب علشان الصفحة متبانش كأن كل جزء فيها جاي من تصميم مختلف
ترخيص المعرض بيسمح باستخدام الرسومات في المشاريع الشخصية والتجارية من غير إسناد إلزامي لكنه لا يسمح بتجميعها في حزم لإعادة التوزيع أو عمل خدمة منافسة
تستفيد من الأدوات إزاي
اختار مكتبة أيقونات واحدة قدر الإمكان علشان السمك والشكل يبقوا متناسقين وراجع ترخيص الملف اللي هتستخدمه واحتفظ بالإشعارات المطلوبة داخل المشروع وجود صورة متاحة للتحميل مش معناه إن كل استخدام ليها مسموح