📋 محتويات الصفحة
📖 الوصف
unDraw هي مكتبة رسوم توضيحية SVG مفتوحة المصدر صممها Katerina Limpitsouni. توفر رسومات توضيحية جميلة ومهنية يمكن تضمينها مباشرة في المواقع والتطبيقات. من أهم مميزاتها هي إمكانية تخصيص اللون الرئيسي من واجهة الموقع قبل التحميل. جميع الرسومات مجانية للاستخدام التجاري والشخصي تحت رخصة مفتوحة. تُعد مثا...
🎯 يستخدم في
مجالات استخدام هذه الأداة
صفحات الهبوط (Landing Pages)
صفحات الخطأ (Error Pages)
الأقسام الفارغة (Empty States)
المحتوى التسويقي
العروض التقديمية
✨ المميزات
أبرز مميزات هذه الأداة
رسومات توضيحية احترافية
تخصيص اللون الرئيسي
مجانية بالكامل
رخصة مفتوحة للاستخدام التجاري
Easy التحميل
Easy التخصيص
SVG عالي الجودة
⚠️ العيوب
نقاط يجب مراعاتها
لا يدعم الرسوم المتحركة
محدودة في الأنماط (نمط واحد)
لا يدعم المحتوى العربي
لا يوجد تحديثات مستمرة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// تحميل SVG من unDraw (بعد التحميل من الموقع)
// https://undraw.co/illustrations
// في React
import undrawIllustration from './undraw_illustration.svg'
function EmptyState() {
return (
<div className="flex flex-col items-center gap-4 p-8">
<img
src={undrawIllustration}
alt="No data available"
className="w-64 h-64"
/>
<h3 className="text-xl font-bold">No data available</h3>
<p className="text-gray-500">We couldn't find any data to display.</p>
</div>
)
}
// أو عبر URL مباشر
// <img src="https://42f2671d685f51e10fc6-b9fceezb4e4861265767d766313c22a9.ssl.cf1.rackcdn.com/infinite/undraw_illustration.svg" alt="Illustration" />📚 أدوات أخرى في Images
قد يعجبك أيضاً
3D Icons
مكتبة أيقونات ثلاثية الأبعاد
Blush
مكتبة رسوم توضيحية قابلة للتخصيص
Drewipedia
مكتبة رسوم توضيحية للمطورين
Freepik
⭐مكتبة موارد تصميم شاملة
Humaaans
مكتبة رسوم توضيحية SVG للشخصيات
Iconscout
⭐مكتبة أيقونات ورسوم توضيحية شاملة