الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

وحيدات

1000+ بكسل الرموز المتجهات والرمز لمشروعك التالي. تم تصميم هذه الرموز بواسطة ICONSCOUT.

ابدء

باستخدام خط

من السهل استخدام Unicons على موقع الويب الخاص بك من خلال إدراج CSS فقط. يمكنك أيضًا تنزيل هذا الريبو واستخدام CSS من مجلد css . 

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

واستخدم الرموز في body على النحو التالي. 

 < i class =" uil uil-comments " > </ i >

باستخدام حزمة NPM

يمكنك بسهولة تثبيت Unicons باستخدام NPM. 

npm install --save @iconscout/unicons

باستخدام SVG

إذا كنت مصممًا ، فمن الرائع دائمًا الحصول على ملفات SVG. يمكنك تنزيل SVGS من موقع Unicons الرسمي أو تنزيل ICONDROP للوصول إلى هذه الرموز مباشرة في Sketch و Adobe XD و Adobe Illustrator وغيرها الكثير.

باستخدام إطار رفرفة

هناك حزمة رفرفة تم إنشاؤها بواسطة Pedro Lemos ، Avaliable في Pub.dev ، والتي يمكن استخدامها بسهولة في مشروعك.

فقط أضف التبعية في ملف pubspec.yaml الخاص بك على النحو التالي: 

 dependencies :
  unicons : ^1.0.0+2

ثم ، قم بتشغيل الأمر أعلاه: 

flutter pub get

بدلاً من ذلك ، قد يدعم محررك flutter pub get . تحقق من مستندات المحرر الخاص بك لمعرفة المزيد.

الآن ، في رمز السهام الخاص بك ، استيراد الحزمة: 

 import 'package:unicons/unicons.dart' ;

استخدم مع أطر JS

لقد أنشأنا مكونات للمكتبات الشهيرة مثل React و Vuejs و React Native. يمكنك التوجه إلى GitHub Repo الرسمي لمعرفة المزيد.

نمط الخط

  • للتفاعل: https://github.com/iconscout/react-unicons
  • لـ Vuejs: https://github.com/icavicout/vue-unicons
  • للتفاعل الأصلي: https://github.com/icavicout/React-nistrict-unicons

نمط صلب

  • للتفاعل: https://github.com/iconscout/react-unicons-solid
  • لـ Vuejs: https://github.com/iconscout/vue-unicons-solid

نمط أحادي اللون

  • من أجل React: https://github.com/iconscout/react-unicons-monochrome

المزيد من الطرق (مدعوم المجتمع)

  • Vue-Unicons بواسطة Anton Reshetov

خريطة الطريق

  • جعل مكونات رد الفعل
  • إضافة أيقونات العلامة التجارية
  • تصميم نمط صلب
  • تصميم نمط خط رفيع
  • دعم الرسوم المتحركة CSS
  • اجعل SVG Sprite حيث يمكن للمستخدم التحكم في سمات مختلفة مثل السكتة الدماغية والملء والعرض والارتفاع والمزيد.

المساهمة

سنكون سعداء للحصول على دعم مجتمعي للونيكون. لا تتردد في شوكة وإنشاء طلبات سحب. لقد قدمنا خريطة طريق صغيرة أعلاه حتى تتمكن من مساعدتنا في بناء هذه الميزات.

طلبات الأيقونة

لقد أنشأنا موضوعًا في مجتمع ICONSCOUT حيث يمكنك طلب رموز جديدة. وسنكون سعداء بتصميمها في الأسابيع المقبلة.

رخصة

وحيدات الرموز مفتوحة المصدر ومرخصة بموجب ترخيص ICONSCOUT البسيط. أنت حر في استخدام هذه الرموز في مشروعك الشخصي والتجاري. نود أن نرى الإسناد في تطبيقك حول الشاشة ، لكنه ليس إلزاميًا. 

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل