10 icone di carattere utili e gratuite da segnalare
Poiché sempre più dispositivi adottano schermi ad alta definizione, le icone dei caratteri stanno diventando la scelta più popolare da adottare. È ridimensionabile senza compromettere la qualità e personalizzabile tramite CSS. Possiamo facilmente cambiare il colore, la dimensione e persino animare le icone dei font con CSS3. Inoltre lo è indipendente dalla risoluzione che lo rende nitido su qualsiasi densità dello schermo.
FontAwesome è di gran lunga una delle fonti di font più popolari, con un'enorme collezione di icone. Ma non è assolutamente necessario scaricare l'intera collezione quando è necessario utilizzarne solo alcuni. Ecco 10 fonti alternative di icone di font ben realizzati che spero ti sia utile a volte a costruire i tuoi prossimi grandi siti e applicazioni al posto di FontAwesome.
StackIcons
StackIcons sono icone di font per oltre 60 marchi sociali moderni. Viene fornito con CSS, che consente di personalizzare il carattere in molte forme contenitore. È possibile ottenere le icone del marchio sociale in cerchi, quadrati o con bordi arrotondati. Puoi anche colorare le icone in più di un colore, offrendoti colori di marca più realistici.
Licenza: SIL Open Font e MIT
Twemoji Fantastico
Twemoji è un progetto di emoticon open source di Twitter. Elle Kasai lo ha portato su un'icona di carattere chiamata Twemoji Fantastico. Tutti i nomi di classe per visualizzare le icone sono gli stessi del Twemoji Cheat Sheet, ma è necessario utilizzare un trattino invece di un carattere di sottolineatura, tutto qui. Ecco un esempio di come aggiungiamo il hatching_chick
icona:
Licenza: MIT e CC-BY per la grafica Emoticon
Font Diao
Font Diao è una raccolta di icone di font di popolari siti Web o società con sede in Cina come Alibaba, Alipay, WeChat, Xiaomi e Weibo. Il font può tornare utile quando costruisci i wesbite designati per il pubblico della Cina continentale che probabilmente conoscono questo particolare tipo di carattere.
Licenza: Licenza pubblica
Socialicious
Socialicious è un font che è costruito esclusivamente per i siti Web di social network come Facebook, Twitter e Instagram. Il font è progettato per funzionare bene con Bootstrap. Ecco un codice di esempio per creare un pulsante con Bootstrap .btn
classe in congiunzione con le classi di font.
Connettiti con Linkedin
Licenza: Licenza MIT.
Octicons
Octicons è un set di icone di caratteri presentato da GitHub, che ti consente di usare la stessa icona usata da GitHub sul tuo progetto. Ci sono più di 170 icone pronte per essere applicate al tuo prossimo progetto.
Font di pagamento
Se si utilizza un gateway di pagamento, si potrebbe voler afferrare queste icone dei caratteri. Il pacchetto contiene 95 icone di sonno che sono di metodi di pagamento o gateway popolari come Visa, American Express e altro ancora.
Licenza: SIL OFL 1.1
Icone Android
Questo è il set di icone creato da Opoloo, precedentemente noto come la comunità Android. Comprende 250 icone fantastiche in 5 dimensioni e 14 colori di icone Android native.
Licenza: Attribution-ShareAlike 4.0 International
DevIcons
DevIcons è un set di icone di font realizzate a mano da Theodore Vorillas. Contiene 85 simboli e loghi di applicazioni di sviluppo familiari come l'icona GitHub, l'icona Gulp, l'icona Angolare e molti altri.
Licenza: MIT
Open Iconic
Icona aperta contiene 223 icone pronte per l'uso con bootstrap, un framework o il proprio foglio di stile. La dimensione del carattere è piccola, solo 12,4 Kb, che è circa un quarto di ciò che puoi trovare in FontAwesome. La cosa interessante qui è che queste icone possono essere ridotte a 8px.
Licenza: SIL.
Font Design iconico
In questo pacchetto ci sono 15 categorie di icone dei font ispirate a Google Material Design. Per utilizzarli, basta installare Material-Design-Iconic-Font.ttf, quindi utilizzare questo cheatsheet. Copia incolla le icone (non l'unicode) nel tuo progetto. Puoi ingrandire le icone, dare bordi, ruotare, ruotare o capovolgerlo con i CSS.
Licenza: Attribution-ShareAlike 4.0 International
Ora Leggi: 50+ caratteri simbolo gratuiti per i web designer