ICON FONT เป็นไอคอนรูปแบบใหม่ที่สามารถย่อ-ขยายได้โดยรูปไม่แตก เนื่องจากเรานำไอคอนมาทำเป็นฟ้อนต์ ซึ่งฟ้อนโดยทั่วไป เมื่อมันย่อขยายแล้วจะไม่แตกเพราะว่าการสร้างฟ้อนทำโดยการวาดรูปจากทรงเลขาคณิตหรือเส้น อีกทั้งเมื่อเราเอามาใส่ในเว็บไซต์ มันเป็นมีคุณสมบัติเหมือนเป็นฟ้อนต์ตัวหนึ่ง ซึ่งเราสามารถตกแต่งได้เหมือนเป็นฟ้อนต์เลย
ก่อนจะมี Icon font หากต้องการใส่ไอคอนลงในเว็บไซต์จะใช้รูปภาพนามสกุล PNG ปัญหาคือ รูปภาพนามสกุล PNG นี้ไม่สามารถย่อขยายได้เพราะว่าการย่อขยายจะทำให้รูปแตกเป็น Pixel สาเหตุมาจาก รูปภาพนามสกุล PNG เกิดจากจุดสีทีละ 1 Pixel อีกทั้งต้องใช้รูปไอคอน 1 รูป ต้องใช้ไอคอน 1 รูปต่อ 1 ไฟล์ ยิ่งใช้เยอะก็จะทำให้เว็บไซต์โหลดช้า