🎭 ⭐ مميز

Simple Icons

مجموعة أيقونات العلامات التجارية

★ ★ ★ ★ ★ (4/5)

👁️ 4 مشاهدة

📅 02 Jul 2026

⚛️ React 💚 Vue.js 🅰️ Angular 🧡 Svelte 🌐 عام

مستوى الخبرة المطلوب:

🌱 مبتدئ ⚡ متوسط 🚀 محترف 🏢 مؤسسي

🔗 زيارة الموقع الرسمي

★ ★ ★ ★ ★

تقييم المستخدمين

التصنيف 🎭 Icons

المشاهدات 4

تاريخ الإضافة 02/07/2026

آخر تحديث 02/07/2026

📋 محتويات الصفحة

📖 الوصف 🎯 يستخدم في ✨ المميزات ⚠️ العيوب 💻 مثال

📖 الوصف

Simple Icons هي مجموعة أيقونات مخصصة للعلامات التجارية والشعارات. تحتوي على أكثر من 3000 أيقونة لشركات ومنتجات وخدمات مشهورة مثل Google، Facebook، GitHub، وغيرها. جميع الأيقونات متاحة بصيغة SVG وبألوان رسمية للعلامات التجارية. المكتبة مفتوحة المصدر تحت رخصة CC0 1.0 Universal، مما يعني أنه يمكنك است...

🎯 يستخدم في

مجالات استخدام هذه الأداة

•

صفحات المشاريع والمشاريع المفتوحة المصدر

•

ملفات README.md على GitHub

•

صفحات الشركات والمنتجات

•

ملفات التعريف والسيرة الذاتية

✨ المميزات

أبرز مميزات هذه الأداة

✓

أكثر من 3000 شعار

✓

ألوان رسمية للعلامات التجارية

✓

مفتوحة المصدر (CC0)

✓

SVG عالي الجودة

✓

سهلة الاستخدام

✓

تحديثات مستمرة

✓

CDN متاح

⚠️ العيوب

نقاط يجب مراعاتها

خاصة بالعلامات التجارية فقط

لا يوجد أنماط مختلفة

قد تكون محدودة للاستخدام العام

لا يدعم الأيقونات المخصصة

💻 مثال على الاستخدام

كيفية استخدام هذه الأداة

Example Code

// تثبيت الحزمة
// npm install simple-icons

import { siGithub, siReact, siTypescript } from 'simple-icons'

function TechStack() {
  return (
    <div className="flex gap-4">
      <svg
        role="img"
        viewBox="0 0 24 24"
        width="24"
        height="24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>GitHub</title>
        <path d={siGithub.path} fill={siGithub.hex} />
      </svg>
      <svg
        role="img"
        viewBox="0 0 24 24"
        width="24"
        height="24"
      >
        <title>React</title>
        <path d={siReact.path} fill={siReact.hex} />
      </svg>
    </div>
  )
}