🖼️

Humaaans

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

★ ★ ★ ★ ★ (3/5)

👁️ 5 مشاهدة

📅 02 Jul 2026

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

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

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

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

★ ★ ★ ★ ★

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

التصنيف 🖼️ Images

المشاهدات 5

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

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

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

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

📖 الوصف

Humaaans هي مكتبة رسوم توضيحية SVG مفتوحة المصدر للشخصيات البشرية صممها Pablo Stanley. توفر شخصيات قابلة للتخصيص بالكامل مع إمكانية تغيير الشعر، الملابس، ألوان البشرة، والإكسسوارات. جميع الشخصيات مجانية تحت رخصة Open Source ويمكن استخدامها تجارياً. مكتبة Humaaans متاحة على Figma و Sketch بالإضافة إ...

✨ المميزات

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

✓

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

✓

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

✓

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

✓

Easy التخصيص

✓

Easy التصدير

✓

Easy البحث

✓

Easy الاستخدام

⚠️ العيوب

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

محدودة في التنوع

لا يدعم الرسوم المتحركة

لا يوجد API

لا يوجد تحديثات

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

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

Example Code

// تحميل Humaaans من الموقع
// https://humaaans.com

// في React
import character1 from './humaaans/character-1.svg'
import character2 from './humaaans/character-2.svg'

function TeamSection() {
  return (
    <div className="grid grid-cols-3 gap-8 p-8">
      <div className="flex flex-col items-center">
        <img src={character1} alt="Team member 1" className="w-48 h-48" />
        <h3 className="mt-4 font-bold">John Doe</h3>
        <p className="text-gray-600">CEO</p>
      </div>
      <div className="flex flex-col items-center">
        <img src={character2} alt="Team member 2" className="w-48 h-48" />
        <h3 className="mt-4 font-bold">Jane Smith</h3>
        <p className="text-gray-600">CTO</p>
      </div>
    </div>
  )
}