प्योर सीएसएस आइकॉन की यह गैलरी वही है जो सभी फ्रंटेंड डेवलपर्स चाहते हैं

Adobe डिज़ाइनर Wenting Zhang ने एक बनाया दिलचस्प वेब ऐप के लिये शुद्ध सीएसएस आइकन उत्पन्न करना. इसका बस नाम है “सीएसएस आइकन” और यह सबसे अच्छे में से एक हो सकता है आइकन जनरेटर डेवलपर्स के लिए.

यह परियोजना है पूरी तरह से मुक्त तथा GitHub पर खुला-खट्टा इसलिए आप किसी भी कोड के साथ डाउनलोड करने और गड़बड़ करने के लिए स्वतंत्र हैं.

ये प्रतीक किसी भी सीएसएस निर्भरता नहीं है या किसी विशेष ब्राउज़र सुविधाओं की आवश्यकता है। पहली नज़र में, ऐसा लग सकता है कि प्रतीक एसवीजी पर बनाए गए हैं लेकिन वे वास्तव में सिर्फ divs हैं.

CSS के जादू के माध्यम से, आप निर्माण कर सकते हैं कस्टम लाइन प्रतीक के लिये आम इंटरफ़ेस तत्व जैसे हैमबर्गर मेनू, तीन-डॉट आइकन या प्रिंट आइकन (कई अन्य लोगों के बीच).

आप चुन सकते हैं पतली रेखा चिह्न या अंधेरे भरे चिह्न. वे दोनों उपयोग करते हैं समान सीएसएस गुण और आप यह भी देख सकते हैं कि वे सूची में किसी भी आइकन पर क्लिक करके क्या हैं। आप देखेंगे स्लाइडिंग साइडबार HTML और CSS कोड के साथ आइकन बढ़े हुए हैं.

यदि आप कोड फ़ील्ड के ऊपरी-दाएँ कोने की ओर देखते हैं, तो आप एक देखेंगे थोड़ा कॉपी आइकन. उस पर क्लिक करें कोड को स्वचालित रूप से कॉपी करें आपके क्लिपबोर्ड पर। ओह, और वह कॉपी आइकन? इसके अलावा वेन्टिंग के शुद्ध सीएसएस कोड के साथ बनाया गया है.

सेवा मेरे रंग बदलें किसी भी आइकन की, बस खोजो रंग संपत्ति मुख्य आइकन वर्ग में. उस एक को अद्यतन करना रंग संपत्ति सब कुछ बदल जाएगा, भी.

चूंकि ये आइकन हैं बहुत साधारण, वे शायद हर वेबसाइट के लिए काम नहीं करेंगे। लेकिन यह ए छवियों या आइकन फोंट के लिए अच्छा विकल्प और उसका पूरी तरह से मुक्त.

इसकी जाँच पड़ताल करो सीएसएस आइकन होम पेज सेवा मेरे और उदाहरण देखें और करने के लिए स्रोत को कॉपी / संपादित करें. आप भी कर सकते हैं अलग से प्रत्येक आइकन का परीक्षण करें यदि आप चाहते हैं CodePen में स्रोत के साथ खिलौना आपके ब्राउज़र में.