Geomicons - فريدة من نوعها ترميز اليد SVG Iconset

أصبحت رموز الويب بسرعة المعيار لتصميم الويب الحديث. إنها أصول ضخمة لمصممي الويب لأن هذه يمكن تخصيص الرموز من خلال CSS وتغيير حجمها دون أي خسارة الجودة.

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

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

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

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

افتراضيا ، هذا تفترض المكتبة أنك تعمل مع CSS / JS لجعل هذه الرموز مضمنة مباشرة في عناصر الصفحة. ومع ذلك ، عند تنزيل الرموز من GitHub ، ستحصل على جميع ملفات SVG الخام التي يمكنك إضافتها مباشرة إلى HTML.

المشكلة الوحيدة هي ذلك SVGs الخام تتطلب المزيد من التحرير لتغيير الألوان ، بينما يمنحك مسار JS / CSS التحكم في الألوان عبر الكود.

ببساطة إضافة geomicons.min.js النصي في رأسك وتمرير أيقونة البيانات السمة في عناصر HTML. ستضم هذه الرموز الأيقونات التي يمكنك معالجتها باستخدام فئات CSS.

شيء آخر يعجبني في Geomicons هو دعم Node. إليك نموذج مقتطف من تقرير GitHub:

فار geomicons = require ('geomicons-open') ؛ var pathData = geomicons.paths.heart؛ // إرجاع قيمة السمة d المسار var svgString = geomicons.toString ('heart')؛ // إرجاع سلسلة SVG

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

لا يزال وجود دعم للأطر الرئيسية أمر كبير. إنه دليل أكثر على أن الجيكونومونات تهدف إلى دعم أي نوع من الموقع من خلال التركيز على الأداء أولا.

لإعطاء اختبار لهذه الرموز ، يمكنك سحب نسخة عبر npm أو تنزيلها مباشرةً عبر GitHub.

هناك أيضًا مجموعة الرموز التفصيلية المسماة Geomicons Wired التي قد ترغب في اختبارها أيضًا.

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