10 Χρήσιμα & Δωρεάν εικονίδια γραμματοσειράς θα πρέπει να κάνετε σελιδοδείκτη

Καθώς όλο και περισσότερες συσκευές υιοθετούν οθόνες υψηλής ευκρίνειας, τα εικονίδια γραμματοσειρών γίνονται η δημοφιλής επιλογή να υιοθετήσουν. Είναι δυνατότητα αλλαγής μεγέθους χωρίς να διακυβεύεται η ποιότητα και προσαρμόσιμο μέσω CSS. Μπορούμε εύκολα να αλλάξουμε το χρώμα, το μέγεθος και ακόμη και να ζωντανέψουμε τα εικονίδια γραμματοσειρών με το CSS3. Πλέον είναι ανεξάρτητο από την ανάλυση γεγονός που το καθιστά εμφανές σε οποιαδήποτε πυκνότητα οθόνης.

Το FontAwesome είναι μακράν μία από τις πιο δημοφιλείς πηγές γραμματοσειρών, με μια τεράστια συλλογή εικόνων. Αλλά είναι εξαιρετικά περιττό να κατεβάσετε ολόκληρη τη συλλογή όταν χρειάζεται να χρησιμοποιήσετε λίγες μόνο. Εδώ είναι 10 εναλλακτικές πηγές καλά κατασκευασμένων εικονιδίων γραμματοσειρών που ελπίζω ότι θα βρείτε χρήσιμες κατά καιρούς για να χτίσετε τις επόμενες μεγάλες ιστοσελίδες και εφαρμογές σας αντί για FontAwesome.

StackIcons

Τα StackIcons είναι εικονίδια γραμματοσειράς για πάνω από 60 μοντέρνες κοινωνικές μάρκες. Έρχεται με CSS, επιτρέποντάς σας να στυλ γραμματοσειρά σας σε πολλά σχήματα εμπορευματοκιβωτίων. Μπορείτε να πάρετε τα εικονίδια του κοινωνικού σας σήματος σε κύκλους, τετράγωνα ή με στρογγυλεμένες άκρες. Μπορείτε επίσης να χρωματίσετε τα εικονίδια σε περισσότερα από ένα χρώματα, δίνοντάς σας πιο ρεαλιστικά χρώματα μάρκας.

Αδεια: SIL Open Font και MIT

Twemoji Awesome

Το Twemoji είναι ένα έργο ανοιχτού κώδικα από το Twitter. Η Elle Kasai το έχει μεταφέρει σε ένα εικονίδιο γραμματοσειράς που ονομάζεται Twemoji Awesome. Όλα τα ονόματα κλάσεων που εμφανίζουν τα εικονίδια είναι τα ίδια με το φύλλο εξαπατήσεων Twemoji, αλλά πρέπει να χρησιμοποιήσετε μια παύλα αντί για μια υπογράμμιση, αυτό είναι όλο. Ακολουθεί ένα παράδειγμα του πώς προσθέτουμε το hatching_chick εικόνισμα:

Αδεια: MIT και CC-BY για τα γραφικά των Emoticon

Font Diao

Το Font Diao είναι μια συλλογή από εικονίδια γραμματοσειρών από δημοφιλείς ιστότοπους ή εταιρείες με έδρα στην Κίνα, όπως Alibaba, Alipay, WeChat, Xiaomi και Weibo. Η γραμματοσειρά μπορεί να καταστεί χρήσιμη όταν χτίζετε wesbites που έχουν οριστεί για το ακροατήριο της Κίνας που ίσως είναι εξοικειωμένοι με αυτή τη συγκεκριμένη γραμματοσειρά.

Αδεια: Δημόσια Άδεια

Κοινωνικό

Το Socialical είναι μια γραμματοσειρά που είναι αποκλειστικά κατασκευασμένη για δημοφιλείς κοινωνικούς ιστότοπους όπως το Facebook, το Twitter και το Instagram. Η γραμματοσειρά έχει σχεδιαστεί για να λειτουργεί καλά με το Bootstrap. Ακολουθεί ένα παράδειγμα κώδικα για την κατασκευή ενός κουμπιού με Bootstrap .btn class σε συνδυασμό με τις τάξεις γραμματοσειρών.

   Συνδεθείτε με το Linkedin

Αδεια: Άδεια MIT.

Οκτικές

Οκτικές είναι ένα σύνολο γραμματοσειρών που παρουσιάζονται από το GitHub, επιτρέποντάς σας να χρησιμοποιήσετε το ίδιο εικονίδιο που χρησιμοποιήθηκε από το GitHub στο έργο σας. Υπάρχουν περισσότερα από 170 εικονίδια έτοιμα να εφαρμοστούν στο επόμενο έργο σας.

Γραμματοποίηση πληρωμής

Εάν χρησιμοποιείτε μια πύλη πληρωμής, ίσως θέλετε να πάρετε αυτά τα εικονίδια γραμματοσειρών. Το πακέτο περιέχει 95 εικονίδια ύπνου που είναι δημοφιλείς μέθοδοι πληρωμής ή πύλες όπως Visa, American Express και πολλά άλλα.

Αδεια: SIL OFL 1.1

Android εικονίδια

Αυτό είναι το σετ εικονιδίων που δημιουργήθηκε από την Opoloo, παλαιότερα γνωστή ως κοινότητα του Android. Περιλαμβάνει 250 εκπληκτικά εικονίδια σε 5 μεγέθη και 14 χρώματα από εγγενή εικονίδια Android.

Αδεια: Αναφορά - Κοινή χρήση ως 4.0 Διεθνής

DevIcons

DevIcons είναι ένα σύνολο εικονιδίων γραμματοσειρών χειροποίητα από τον Θεόδωρο Βορίλλα. Περιέχει 85 σύμβολα και λογότυπα γνωστών εφαρμογών ανάπτυξης όπως το εικονίδιο GitHub, το εικονίδιο Gulp, το γωνιακό εικονίδιο και πολλά άλλα.

Αδεια: MIT

Ανοίξτε το εικονίδιο

Το Open Icon περιέχει 223 εικονίδια έτοιμα για χρήση με bootstrap, ένα πλαίσιο ή το δικό σας φύλλο στυλ. Το μέγεθος της γραμματοσειράς είναι μικρό, μόλις 12,4Kb, το οποίο είναι περίπου το ένα τέταρτο του τι μπορείτε να βρείτε στο FontAwesome. Το δροσερό πράγμα εδώ είναι ότι αυτά τα εικονίδια μπορούν να μειωθούν στα 8px.

Αδεια: SIL.

Σχεδιασμός υλικών με εικονική γραμματοσειρά

Υπάρχουν 15 κατηγορίες εικονιδίων γραμματοσειρών εμπνευσμένων από το Google Material Design σε αυτό το πακέτο. Για να τα χρησιμοποιήσετε, απλά εγκαταστήστε το Material-Design-Iconic-Font.ttf, στη συνέχεια χρησιμοποιήστε αυτό το cheatsheet. Αντιγράψτε επικολλήστε τα εικονίδια (όχι το unicode) στο έργο σας. Μπορείτε να μεγεθύνετε τα εικονίδια, να τα ορίζετε, να περιστρέφετε, να περιστρέφετε ή να τα αναστρέφετε με το CSS.