هذا المعرض لأيقونات CSS البحتة هو ما يريده جميع مطوري Frontend

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

هذا المشروع هو مجاني تماما و مفتوح المصدر على جيثب لذلك أنت حر في تحميل والفوضى مع أي من الرموز.

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

من خلال سحر CSS ، يمكنك البناء أيقونات الخط المخصص إلى عن على عناصر واجهة مشتركة مثل قائمة الهمبرغر أو الأيقونة ثلاثية النقاط أو أيقونة الطباعة (من بين أشياء أخرى كثيرة).

يمكنك الاختيار بين أيقونات خط رفيع أو الرموز مملوءة الظلام. كلاهما الاستفادة خصائص CSS مماثلة ويمكنك حتى رؤية ما هي عليه بالنقر فوق أي رمز في القائمة. سترى انزلاق الشريط الجانبي مع رمز HTML و CSS مع رمز الموسع.

إذا نظرت إلى الزاوية العلوية اليمنى لحقول الشفرة ، فسترى رمز نسخة صغيرة. انقر فوق ذلك ل تلقائيا نسخ الرمز إلى الحافظة الخاصة بك. أوه ، وهذا الرمز نسخة؟ بنيت أيضا مع كود CSS النقي من Wenting.

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

منذ هذه الرموز هي بسيط جدا, ربما لن تعمل مع كل موقع. ولكن هذا هو بديل بارد للصور أو الخطوط رمز وانها مجاني تماما.

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