Zwicon – Handcrafted iconset for your next project

ไอคอนทุกตัวออกแบบบนกริดพื้นฐาน 24px ซึ่งเป็นทวีคูณของระบบกริด 8pt มาตรฐานอุตสาหกรรม ทำให้ไอคอนปรับขนาดได้สมส่วนและจัดวางเข้ากับองค์ประกอบ UI ได้อย่างแม่นยำ ลดความจำเป็นในการปรับ Padding ด้วยตนเอง การรักษาความหนาเส้น 1px และรัศมีมุม 2px ช่วยป้องกันปัญหาภาพบิดเบี้ยวหรือเบลอที่มักเกิดขึ้นเมื่อปรับขนาดไอคอนไม่เหมาะสมในเลย์เอาต์ที่ซับซ้อน

ไฟล์ SVG ถูกทำความสะอาดด้วยมือเพื่อลบ Metadata, กลุ่ม Path และ Attribute ที่ไม่จำเป็นซึ่งทำให้ไฟล์มีขนาดใหญ่ การปรับแต่งนี้ช่วยลดขนาด DOM เมื่อฝังไอคอนลงในเว็บแอปพลิเคชันโดยตรง ส่งผลให้โหลดหน้าเว็บเร็วขึ้นและมีคะแนนประสิทธิภาพที่ดีขึ้น การตัดโค้ดที่ไม่จำเป็นออกช่วยให้นักพัฒนาสามารถ Inline ไอคอนได้โดยไม่กระทบต่อขนาด Bundle หรือประสิทธิภาพการเรนเดอร์ของแอปพลิเคชัน

Zwicon รองรับ Sketch, InVision Studio และ Figma โดยตรง รวมถึงมีระบบการตั้งชื่อที่แบ่งหมวดหมู่ซึ่งช่วยให้การแทนที่ Component ทำได้ง่าย ความเข้ากันได้ข้ามแพลตฟอร์มนี้ช่วยให้ทีมออกแบบรักษาแหล่งข้อมูลไอคอนที่เป็นมาตรฐานเดียวกันได้ไม่ว่าจะใช้ซอฟต์แวร์ใด การตั้งชื่อที่เป็นระบบช่วยให้นักออกแบบสลับไอคอนภายใน Instance ได้อย่างรวดเร็วโดยไม่ทำลายการตั้งค่า Component เดิมหรือสูญเสียการปรับแต่งสไตล์ระหว่างการส่งต่องาน

ไลบรารีนี้รวมการใช้งาน Webfont ที่พร้อมใช้งาน ทำให้นักพัฒนาสามารถจัดการไอคอนเสมือนเป็นองค์ประกอบข้อความได้ วิธีนี้ช่วยให้ปรับแต่งสี ขนาด และเงาของไอคอนได้ง่ายโดยใช้คุณสมบัติ CSS มาตรฐาน เช่น 'color', 'font-size' และ 'text-shadow' การใช้ Webfont ช่วยลดจำนวน HTTP Request ได้อย่างมากเมื่อเทียบกับการโหลดไฟล์ SVG แยกชิ้น จึงเป็นทางเลือกที่มีประสิทธิภาพสูงสำหรับเว็บแอปพลิเคชันขนาดใหญ่

ด้วยไอคอน 566 รายการใน 26 หมวดหมู่ Zwicon เป็นรากฐานที่แข็งแกร่งสำหรับความต้องการของโปรเจกต์ที่หลากหลาย ตั้งแต่อีคอมเมิร์ซและแดชบอร์ดไปจนถึงแอปพลิเคชันมือถือ ความหลากหลายของคอลเลกชันช่วยลดความจำเป็นในการผสมไอคอนจากหลายชุดซึ่งมักนำไปสู่ความไม่สอดคล้องกันทางภาพ ไลบรารีนี้ได้รับการดูแลอย่างต่อเนื่อง โดยผู้สร้างมีแผนอัปเดตตามการใช้งานจริงและคำติชม เพื่อให้มั่นใจว่าชุดไอคอนยังคงทันสมัยตามเทรนด์การออกแบบที่เปลี่ยนแปลงไป