10 ไอคอนตัวอักษรที่เป็นประโยชน์และฟรีที่คุณควรคั่นไว้

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

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

StackIcons

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

การอนุญาต: SIL Open Font และ MIT

Twemoji Awesome

Twemoji เป็นโครงการอิโมติคอนโอเพนซอร์ซจาก Twitter Elle Kasai ได้ย้ายไปยังไอคอนแบบอักษรที่เรียกว่า Twemoji Awesome. ชื่อคลาสทั้งหมดที่จะแสดงไอคอนนั้นเหมือนกับ Twemoji Cheat ชีต แต่คุณต้องใช้เส้นประแทนการขีดเส้นใต้นั่นคือทั้งหมด นี่คือตัวอย่างของวิธีการที่เราเพิ่ม hatching_chick ไอคอน:

ใบอนุญาต: MIT และ CC-BY สำหรับกราฟิก Emoticon

ฟอนต์ Diao

Font Diao เป็นชุดไอคอนตัวอักษรจากเว็บไซต์หรือ บริษัท ที่ได้รับความนิยมในประเทศจีนเช่น Alibaba, Alipay, WeChat, Xiaomi และ Weibo แบบอักษรอาจมีประโยชน์เมื่อคุณสร้างเวบไซต์ที่กำหนดไว้สำหรับผู้ชมจีนแผ่นดินใหญ่ซึ่งอาจคุ้นเคยกับแบบอักษรนี้โดยเฉพาะ.

ใบอนุญาต: ใบอนุญาตสาธารณะ

Socialicious

Socialicious เป็นแบบอักษรที่สร้างขึ้นเฉพาะสำหรับเว็บไซต์โซเชียลยอดนิยมเช่น Facebook, Twitter และ Instagram แบบอักษรถูกสร้างขึ้นเพื่อให้ทำงานได้ดีกับ Bootstrap นี่คือตัวอย่างรหัสในการสร้างปุ่มด้วย Bootstrap .BTN ร่วมกับคลาสตัวอักษร.

   เชื่อมต่อกับ Linkedin

ใบอนุญาต: ใบอนุญาต MIT.

Octicons

Octicons เป็นชุดไอคอนแบบอักษรที่นำเสนอโดย GitHub ช่วยให้คุณใช้ไอคอนเดียวกับที่ใช้โดย GitHub ในโครงการของคุณ มีไอคอนมากกว่า 170 ไอคอนที่พร้อมใช้งานในโครงการถัดไปของคุณ.

แบบอักษรการชำระเงิน

หากคุณใช้เกตเวย์การชำระเงินคุณอาจต้องการคว้าไอคอนแบบอักษรเหล่านี้ แพคเกจประกอบด้วยไอคอนการนอนหลับ 95 อันซึ่งเป็นวิธีการชำระเงินยอดนิยมหรือเกตเวย์เช่น Visa, American Express และอื่น ๆ.

ใบอนุญาต: SIL OFL 1.1

ไอคอน Android

นี่คือชุดไอคอนที่สร้างโดย Opoloo ซึ่งก่อนหน้านี้รู้จักกันในนามชุมชน Android มันมี 250 ไอคอนที่น่ากลัวใน 5 ขนาดและ 14 สีของไอคอน Android พื้นเมือง.

การอนุญาต: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons เป็นชุดไอคอนแบบอักษรที่ทำด้วยมือโดย Theodore Vorillas มันมีสัญลักษณ์และโลโก้ของแอพพลิเคชั่นการพัฒนาที่คุ้นเคย 85 ไอคอน GitHub ไอคอน Gulp ไอคอน Angular และอื่น ๆ อีกมากมาย.

ใบอนุญาต: เอ็มไอที

เปิด Iconic

ไอคอนเปิดประกอบด้วยไอคอน 223 ไอคอนที่พร้อมใช้งานกับ bootstrap กรอบงานหรือสไตล์ชีทของคุณเอง ขนาดตัวอักษรเล็กเพียง 12.4Kb ซึ่งประมาณหนึ่งในสี่ของสิ่งที่คุณสามารถหาได้ใน FontAwesome สิ่งที่ยอดเยี่ยมที่นี่คือไอคอนเหล่านี้สามารถลดขนาดได้ถึง 8px.

ใบอนุญาต: SIL.

แบบอักษรสัญลักษณ์ของการออกแบบวัสดุ

ไอคอนตัวอักษรที่ได้รับแรงบันดาลใจจากการออกแบบวัสดุของ Google มี 15 หมวดหมู่ในชุดนี้ หากต้องการใช้งานให้ติดตั้ง Material-Design-Iconic-Font.ttf จากนั้นใช้ cheatsheet นี้ คัดลอกวางไอคอน (ไม่ใช่ Unicode) ลงในโครงการของคุณ คุณสามารถขยายไอคอนให้เส้นขอบหมุนหมุนหรือพลิกด้วย CSS.