🖼️

Open Peeps

مكتبة رسوم توضيحية SVG للشخصيات

★ ★ ★ ★ ★ (3/5)

👁️ 5 مشاهدة

📅 02 Jul 2026

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

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

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

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

★ ★ ★ ★ ★

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

التصنيف 🖼️ Images

المشاهدات 5

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

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

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

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

📖 الوصف

Open Peeps هي مكتبة رسوم توضيحية SVG مفتوحة المصدر للشخصيات صممها Pablo Stanley (نفس مصمم Humaaans). تتميز الشخصيات بأسلوب كرتوني مرح ومبسط. توفر شخصيات قابلة للتخصيص مع إمكانية خلط العناصر المختلفة لإنشاء شخصيات فريدة. جميع الشخصيات مجانية للاستخدام التجاري تحت رخصة CC0 (Public Domain). متاحة على ...

🎯 يستخدم في

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

•

المواقع المرحة والإبداعية

•

تطبيقات الموبايل

•

المحتوى التسويقي

•

المحتوى التعليمي للأطفال

•

الألعاب الرقمية

✨ المميزات

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

✓

شخصيات كرتونية مرحة

✓

قابلة للتخصيص

✓

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

✓

Easy الاستخدام

✓

Easy التخصيص

✓

Easy التصدير

✓

Easy الاستخدام في Figma/Sketch

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

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

Example Code

// تحميل Open Peeps من الموقع
// https://openpeeps.com

// في React
import peep1 from './open-peeps/peep-1.svg'
import peep2 from './open-peeps/peep-2.svg'

function FunSection() {
  return (
    <div className="bg-yellow-100 p-8 rounded-lg">
      <div className="flex items-center justify-center gap-8">
        <img src={peep1} alt="Happy character" className="w-32 h-32" />
        <div>
          <h2 className="text-3xl font-bold mb-4">Let's have fun!</h2>
          <p className="text-lg">Create amazing experiences with our app</p>
        </div>
        <img src={peep2} alt="Excited character" className="w-32 h-32" />
      </div>
    </div>
  )
}