ไอคอนขน - ชุดไอคอนที่สวยงามเรียบง่ายและฟรี

หากคุณค้นหาในเว็บคุณจะพบชุดไอคอนฟรีมากมายที่สร้างขึ้นสำหรับเว็บ เหล่านี้คือ มีประโยชน์อย่างเหลือเชื่อสำหรับเว็บไซต์ทุกประเภท เพราะกราฟิกจะจัดวางเลย์เอาต์ให้เรียบร้อยเสมอ.

มันยากมากที่จะหาชุดไอคอนฟรีที่ตรงกับการออกแบบของคุณ โดยทั่วไปแล้วตัวเลือกที่ดีที่สุดของคุณคือชุดไอคอนแบบมินิมอล.

ชุดใหม่นี้คือ เต็มไปด้วยไอคอนเส้นด้วยการออกแบบที่สะอาด. ไอคอนรู้สึกเหมือนไอคอนอินเทอร์เฟซ แต่มันสามารถทำงานเป็นไอคอนประเภทคุณลักษณะในหน้าแรกของคุณได้เช่นกัน.

ไม่ว่าจะด้วยวิธีใดก็ตาม โอเพ่นซอร์สและใช้งานได้ฟรีบนเว็บไซต์ใด ๆ.

คุณไม่จำเป็นต้องมีความรู้มากเกี่ยวกับการเข้ารหัสส่วนหน้าเพื่อให้ทำงานได้ ใช่ คุณจะต้องใช้เวลาในโค้ด, แต่คุณไม่ควรดิ้นรนเพื่อให้ได้งานนี้.

หากคุณไม่ได้ใช้แบบอักษรไอคอนบนเว็บดังนั้น Feather จึงเป็นจุดเริ่มต้นที่ดี.

ลองดูคู่มือมือใหม่ของพวกเขาหากคุณไม่แน่ใจว่าต้องทำอะไร มันจะนำคุณผ่านทุกสิ่งเพื่อทำให้ไซต์ของคุณพร้อมใช้งานด้วยไอคอนเหล่านี้.

คุณต้องโทรหาไฟล์ JS ภายนอกซึ่งเป็นสิ่งที่ไม่ธรรมดาในชุดไอคอนอื่น ๆ แต่ถ้าคุณไม่ต้องการใช้ webfonts เพียงดาวน์โหลดเวกเตอร์ SVG และฝังเหล่านั้น.

ในความเป็นจริงทีมยังสร้างเทมเพลต CodePen ขนาดเล็กที่คุณสามารถคัดลอก / วางลงในโค้ดของคุณได้ นี่คือที่สมบูรณ์แบบสำหรับการเรียนรู้รหัสพื้นฐานและ ออกแบบเว็บไซต์ของคุณใหม่โดยไม่ต้องเริ่มต้นใหม่.

แต่ถ้าคุณใหญ่ในการเขียนโค้ดลองดูการอ้างอิง API ขนาดเล็กบนหน้า GitHub ของพวกเขา สิ่งนี้ช่วยให้คุณควบคุมรูปแบบไอคอนและเปลี่ยนรูปแบบเวกเตอร์ด้วย JavaScript สองสามบรรทัด.

โปรดจำไว้ว่าสิ่งนี้ ชุดไอคอนอาจไม่เหมาะกับทุกไซต์. เป็นสิ่งสำคัญที่จะต้องมองหาไอคอน Feather และตัดสินใจด้วยตัวเองว่าการออกแบบมินิมัลลิสต์เหล่านี้สามารถทำงานให้คุณได้หรือไม่.

ลองดูที่หน้าแรกของพวกเขาเพื่อดูคอลเลกชันทั้งหมดของพวกเขา คุณจะพบลิงก์ไปยังเอกสารหลักใน GitHub พร้อมด้วยขั้นตอนทั้งหมดที่จำเป็นในการเริ่มการทำงาน.

และหากคุณมีคำถามหรือข้อเสนอแนะสำหรับผู้เขียนคุณสามารถยิงทวีต @colebemis ให้เขาได้.